2020 年 10月 20 日随笔档案 - liumcb

2020年10月20日

摘要： 1.什么是bundle,什么是chunk，什么是module? bundle:有webpack打包出来的文件 chunk：webpack在进行模块的依赖分析的时候，代码分割出来的代码块 module:开发中的单个模块阅读全文

posted @ 2020-10-20 17:38 liumcb 阅读(62) 评论(0) 推荐(0)

摘要： define-plugin：定义环境变量 (Webpack4 之后指定 mode 会自动配置) ignore-plugin：忽略部分文件 html-webpack-plugin：简化 HTML 文件创建 (依赖于 html-loader) web-webpack-plugin：可方便地为单页应用输出阅读全文

posted @ 2020-10-20 16:26 liumcb 阅读(1944) 评论(0) 推荐(0)

如何利用webpack来优化前端性能？如何提高webpack的构建速度？

摘要：用webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运行快速高效。 1.压缩代码。删除多余的代码、注释、简化代码的写法等等方式。可以利用webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS文件，利用cssnano（css 阅读全文

posted @ 2020-10-20 16:10 liumcb 阅读(856) 评论(0) 推荐(0)