2020年7月29日
6.webpack 代码压缩
摘要： Js压缩在webpack中默认内置了uglifyjs-webpack-plugin ，在打包的时候会自动压缩，不需要专门配置 css压缩 使用 optimize-css-assets-webpack-plugin 插件和预处理器 cssnano npm i cssnano -D npm i opti 阅读全文
posted @ 2020-07-29 17:05 浪波激泥 阅读(250) 评论(0) 推荐(0)
5.webpack 文件指纹
摘要： 文件指纹：文件打包后会有个文件后缀，主要应用在版本管理 文件指纹生成： JS文件指纹设置，主要在文件打包的output设置filename，使用[ chunkhash] CSS文件使用的是 [ contenthash ],由于一般css文件是在js文件中被打包引用，所以我们可以使用MiniCssEx 阅读全文
posted @ 2020-07-29 15:37 浪波激泥 阅读(256) 评论(0) 推荐(0)
4.webpack 文件监听和热更新
摘要： 文件监听 在package.json添加下面语句 ，使用npm run watch命令运行即可。监听状态下按下Ctrl +C 可以退出。 watch热更新需要更新文件后手动刷新浏览器 热更新 原理： 在package.json添加下面语句 自启动浏览器 "dev": "webpack-dev-ser 阅读全文
posted @ 2020-07-29 10:38 浪波激泥 阅读(239) 评论(0) 推荐(0)