settings文件夹 位置bug
来源:12-8 Electron 打包体积优化第二部分-极限优化

风少_
2021-08-11
借用了评论区同学的方法:借助 copy-webpack-plugin 做一步copy工作
还有个问题,弹出设置窗口的 .html 文件调用 node_modules 的路径不对
写回答
6回答
-
同学你好
1 使用的你的代码库试了,将 electron-is-dev 的版本降到和课程一样的 1.1.0 就可以了,新版有可能有bug,亲测可用。
2 自动更新需要和 github 的连接比较通畅,但是国内的网络环境你懂的。会造成断断续续或者失败,没办法的事情。
022021-08-14 -
张轩
2021-08-16
同学你好 抱歉刚看到回复 我的思路就是在
npm run buildMain 后面再加一个命令,使用标准的 linux 命令进行文件夹的创建以及拷贝,比如
// 先创建一个多级文件夹 && mkdir -p build/node_modules/bootstrap/dist/css // 拷贝过去 && cp node_modules/bootstrap/dist/css/bootstrap.min.css build/node_modules/bootstrap/dist/css
00 -
张轩
2021-08-12
同学你好 你的代码中插入点应该是 head,我写了一下,亲测可用
const newStyle = document.createElement('link') newStyle.rel = 'stylesheet' newStyle.href = '../node_modules/bootstrap/dist/css/bootstrap.min.css' document.head.appendChild(newStyle)
052021-08-13 -
风少_
提问者
2021-08-12
isDev 插件,在这里引入报错了,其它地方引用都正常
00 -
风少_
提问者
2021-08-12
js 动态引用 css 样式表00 -
张轩
2021-08-12
同学你好 谢谢你的发现 针对这个问题 我能想到两个解决方案
1 最直接也是最简单的 在 buildMain 的时候, 再直接单独拷贝一份这个缺少的文件。
2 使用 settings.js 动态插入 style 的方法。
在 settings.js 中,我们可以使用 isDev 获取是生产还是开发,这样就可以使用这个值设定两个不同的路径
../node_modules 还是 ../../node_modules
然后使用 js 动态的插入一个 css 标签即可。
022021-08-16
相似问题