摘要：
一：目录结构 二：webpack.config.js的配置 三：其他文件配置 到这里，一个正常的打包css过程就完成了。下面介绍一个这些loader的属性，让我们的使用更灵活。 四：style-loader/useable 五：style-loader的实现原理 六：css-loader的实现原理（ 阅读全文
摘要：
一：基本概念 1、字面意思是摇树，一句话：项目中没有使用的代码会在打包时候丢掉。分为css的tree shaking和js的tree shaking。 2、使用场景：1）常规优化。2）使用第三方库，但是只使用了部分功能。 二：JS tree shaking 在webpack4中已经移除了Uglify 阅读全文
摘要：
使用commonChunkPlugin的都是基于webpack3.10.0，在webpack4中直接配置optimization就可以了。 一：什么是长缓存？ 浏览器在用户访问页面的时候，为了加快加载速度，对用户请求的静态资源都会进行存储，但是每次代码更新或者升级的时候，我们都需要浏览器去加载新的代 阅读全文
摘要：
学习之路基于webpack3.10.0，webpack4.0之后更新。 一：开始前的配置 1、初始化项目，其实就是新建一个package.json文件，后面的命令依赖里面的配置项。 2、修改npm script定义的任务，新增一项。 3、安装webpack 注：--save --dev 和 --sa 阅读全文
摘要：
学习之路基于webpack3.10.0，webpack4.0之后更新。 多页面提取公共代码！！！ 一：文件关系 pageA --> subA、subB --> moduleA pageB --> subA、subB --> moduleA 那么pageA、pageB 的公共代码就是subA、subB 阅读全文
摘要：
代码分割：对于一个大型的web项目来说，如果为了减少http请求，只打包出一个bundle.js文件，那么只要我们的需求修改了一点点，整个bundle.js都需要重新加载，得不偿失。所以我们不妨把代码分割成一块一块的，按需加载，而且还能利用浏览器缓存机制，如果文件没有修改，直接从缓存读取。也就是说， 阅读全文