settings文件夹 位置bug

Question

借用了评论区同学的方法：借助 copy-webpack-plugin 做一步copy工作
还有个问题，弹出设置窗口的 .html 文件调用 node_modules 的路径不对

Answer 1

张轩 2021-08-14 09:33:12

同学你好 

1 使用的你的代码库试了，将 electron-is-dev 的版本降到和课程一样的 1.1.0 就可以了，新版有可能有bug，亲测可用。

2 自动更新需要和 github 的连接比较通畅，但是国内的网络环境你懂的。会造成断断续续或者失败，没办法的事情。

• 提问者 风少_ #1

  非常感谢！

• 提问者 风少_ #2

  老师 你好，你说的这种方法：”1 最直接也是最简单的 在 buildMain 的时候， 再直接单独拷贝一份这个缺少的文件。“
  我能理解，但是不知道具体怎么写相关的代码，能否告诉一下，谢谢你

Answer 2

张轩 2021-08-16 10:47:30

同学你好 抱歉刚看到回复 我的思路就是在 

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

Answer 3

张轩 2021-08-12 10:29:17

同学你好 你的代码中插入点应该是 head，我写了一下，亲测可用

const newStyle = document.createElement('link')
newStyle.rel = 'stylesheet'
newStyle.href = '../node_modules/bootstrap/dist/css/bootstrap.min.css'
document.head.appendChild(newStyle)

• 提问者 风少_ #1

  这个引用没问题了，但是引入 isDev 插件会报错

• 张轩 回复 提问者 风少_ #2

  啥版本？ 不行升级一下 我看旧版会有这个问题：https://github.com/sindresorhus/electron-is-dev/issues/13  我本地是可以的

• 提问者 风少_ 回复 张轩 #3

  我的 "electron-is-dev": "^2.0.0", 是最新版了，看了老师的链接，它说这个插件只能用在主进程，渲染进程用不了。我在主进程的 main.js 是能正常使用 electron-is-dev

点开查看后面2条评论

Answer 4

提问者 风少_ 2021-08-12 10:16:12

isDev 插件，在这里引入报错了，其它地方引用都正常

Answer 5

提问者 风少_ 2021-08-12 09:56:22

js 动态引用 css 样式表

Answer 6

张轩 2021-08-12 08:59:42

同学你好 谢谢你的发现 针对这个问题  我能想到两个解决方案

1 最直接也是最简单的 在 buildMain 的时候， 再直接单独拷贝一份这个缺少的文件。

2 使用 settings.js 动态插入 style 的方法。

在 settings.js 中，我们可以使用  isDev 获取是生产还是开发，这样就可以使用这个值设定两个不同的路径

../node_modules 还是 ../../node_modules

然后使用 js 动态的插入一个 css 标签即可。

• 提问者 风少_ #1

  老师好，我大概懂你的意思了。
  第一种能不能给个具体写法
  第二种，我按照你的说法去写，发现开发环境下都不行了
  看我的最新截图

• 提问者 风少_ #2

  老师你好，第一种要怎么写，没思路呢，可以提供下相关代码吗