- 博客(10)
- 收藏
- 关注
RSS订阅原创 10. webpack 优化
webpack的默认行为是当一个类型的检查是否使用某一个loader进行处理时，即使匹配到了也会在接下来的所有规则中进行再次匹配（走完所有的rules规则匹配）前面提到js文件的编译需要进行babel和eslint的处理，比较耗时，所有这里说的缓存也只针对这两个过程。js的支持：（vue-loader和react-loader都默认支持了这样的功能，不需要我们单独实现）注意： 把注意写在前面，每个进程打开大概需要 600ms 的时间，建议在文件量很大的情况下使用。获取 cpu 核心数量。
2022-10-10 23:04:54
96
原创 8. js文件的处理
创建eslint配置文件(三种方法都可以)基础的配置文件安装和使用插件（之前的版本使用 loader 处理）创建文件vscode 的 eslint 插件也会扫描eslint配置文件，但它无法读取我们在webpack.config.js中设置的扫描范围，所以我们需要创建文件。
2022-10-10 23:02:03
100
原创 6. 字体文件的处理（iconfont的使用）
复制要是用的icon 的类名，比如： icon-zhinan。针对字体文件配置webpack.config.js。入口文件中引入iconfont.css文件。入口文件引入iconfont.js。使用svg引入需要使用的图标。在html模板中使用。加入通用的css代码。
2022-10-10 23:00:06
270
原创 4. 加载css资源（loader的使用）
我们需要知道的一个前提是：webpack默认只认识js或者json文件，其他的资源webpack不认识。
2022-10-10 22:58:32
410
原创 3. 资源加载
/ 未修改 output : {filename : 'dist.js' , path : path . join(__dirname , '/dist') , clean : true , } , // 修改后 output : {
2022-10-10 22:57:39
84
原创 2. webpack初体验
小技巧：为了在编写webpack.config.js配置文件的时候可以有代码 提示，我们可以把这样的一行代码放到导出语句之前。
2022-10-10 22:56:34
159
原创 1. webpack的安装
webpack 在工作中不建议安装全局的，因为协作的同事使用的版本可能和你的版本不同，直接调用webpack。Webpack 5 运行于 Node.js v10.13.0+ 的版本。方法2： 创建scripts命令。
2022-10-10 22:55:43
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人