随笔分类 - Webpack
摘要：node编程中最重要的思想就是模块化，import和require都是被模块化所使用。 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所以require理论上可以运用在代码的任何
阅读全文
摘要：参考学习：https://alexjover.com/blog/lazy load in vue using webpack s code splitting/ 学习文案：https://webpack.docschina.org/guides/lazy loading/
阅读全文
摘要：学习文档：https://webpack.docschina.org/guides/progressive web application/ 参考文档：https://developers.google.com/web/fundamentals/primers/service workers/
阅读全文
摘要：在webpack中有三种的方式生成哈希值，分别为 、`chunkhash contenthash`。这三种方式有着不同的用处，或者说在webpack的不同环境中，会使用不同的方式生成哈希值。那为什么要这样的一个区分呢？我们一起探讨下： hash 主要用于 的开发环境，在项目构建编译中根据文件是否更改
阅读全文
摘要：学习博客：https://baijiahao.baidu.com/s?id=1626159656211187310&wfr=spider&for=pc
阅读全文
摘要：学习博客：https://blog.csdn.net/wsyzxxn9/article/details/90677770 学习lodash：https://www.html.cn/doc/lodash/
阅读全文
摘要：参考博客：https://github.com/jawil/blog/issues/18
阅读全文
摘要：Webpack优化打包速度以及性能优化 1、跟上技术的迭代（Node、Npm、Yarn） 2、在尽可能少的模块上应用loader 3、Plugin尽可能精简并确保可靠 4、resolve参数合理配置 5、使用DllPlugin提高打包速度 6、控制包文件大小 7、Node中thread loader
阅读全文
摘要：之前在vue的路由配置文件中看到了/ webpackChunkName:"lodash" /这个注释， 在学习了webpack之后了解其做用，作用就是webpack在打包的时候，对异步引入的库代码（lodash）进行代码分割时（需要配置webpack的SplitChunkPlugin插件），为分割后
阅读全文
摘要：SplitChunkPlugin插件配置参数详解 对引入的库代码（例如:lodash、jQuery等）进行代码的分割进行优化 若配置时只写chunks："all"，其余则为默认配置 代码分割后的每一个js文件即为Chunk，如下图中的（main.js、vendors.js） 学习文档：https:/
阅读全文
摘要：1 // webpack版本：4.32.2 2 3 // 抛错原写法 4 const CleanWebpackPlugin = require("clean-webpack-plugin"); 5 6 ... 7 8 plugins: [ 9 new CleanWebpackPlugin(['dis
阅读全文
浙公网安备 33010602011771号