摘要: 1.什么是bundle,什么是chunk,什么是module? bundle:有webpack打包出来的文件 chunk:webpack在进行模块的依赖分析的时候,代码分割出来的代码块 module:开发中的单个模块 阅读全文
posted @ 2020-10-20 17:38 liumcb 阅读(58) 评论(0) 推荐(0) 编辑
摘要: define-plugin:定义环境变量 (Webpack4 之后指定 mode 会自动配置) ignore-plugin:忽略部分文件 html-webpack-plugin:简化 HTML 文件创建 (依赖于 html-loader) web-webpack-plugin:可方便地为单页应用输出 阅读全文
posted @ 2020-10-20 16:26 liumcb 阅读(1903) 评论(0) 推荐(0) 编辑
摘要: 用webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运行快速高效。 1.压缩代码。删除多余的代码、注释、简化代码的写法等等方式。可以利用webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS文件, 利用cssnano(css 阅读全文
posted @ 2020-10-20 16:10 liumcb 阅读(839) 评论(0) 推荐(0) 编辑