settings文件夹 位置bug

来源:12-8 Electron 打包体积优化第二部分-极限优化

风少_

2021-08-11

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

写回答

6回答

张轩

2021-08-14

同学你好 

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

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


0
2
风少_
老师 你好,你说的这种方法:”1 最直接也是最简单的 在 buildMain 的时候, 再直接单独拷贝一份这个缺少的文件。“ 我能理解,但是不知道具体怎么写相关的代码,能否告诉一下,谢谢你
2021-08-14
共2条回复

张轩

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


0
0

张轩

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)


0
5
风少_
回复
张轩
https://github.com/linjingfeng-ljf/electron-react.git 老师查看我代码时,先看一下那个 README.md 文件 我这个项目有两个问题: 1、打包之后,“设置”子窗口的样式没了 2、最后3节课,自动更新的代码,运行时老是报错 这两个问题,能帮我看看吗,感激不尽
2021-08-13
共5条回复

风少_

提问者

2021-08-12

//img.mukewang.com/szimg/61148425094312eb11360568.jpg

//img.mukewang.com/szimg/611484250964541311400643.jpg


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

0
0

风少_

提问者

2021-08-12

//img.mukewang.com/szimg/61147f9909da007b16320505.jpg

js 动态引用 css 样式表

0
0

张轩

2021-08-12

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

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

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

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

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

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

0
2
风少_
老师你好,第一种要怎么写,没思路呢,可以提供下相关代码吗
2021-08-16
共2条回复

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1251 学习 · 463 问题

查看课程