目前最火的打包工具莫过于 Webpack 了，关于 Webpack 的优化方案，网上有很多文章可以供大家参考。查阅前人的资料，总结自己在项目中遇到的问题，最终得出一些比较实用的优化方案，本文将与大家一一分享。既然是打包优化，那么我们需要时刻关注以下几点： 减少编译时间 减少编译…

它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…

你或许会花上 30 分钟的时间读完本章，并掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置（如 publicPath）或概念（如 HMR）...

下面通过例子来了解一下path、publicPath和contentBase的区别吧。 output 属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名这些文件，默认值为 ./dist。基本上，整个应用程序结构，都会被编译到你指定的输出路径的文件夹中。…

注意：打包的文件不会放到dist目录中了，而是放在我们的内存中，从而提升了打包速度。 原因是因为 css-loader 已经帮我们处理过这一步了，js 代码就需要我们自己来添加 HMR 了。在使用 vue 的时候，vue-loader 帮我们实现了 js HMR 这一块了，所以…

缓存（cache）一直是前端性能优化的重头戏，利用好静态资源的缓存机制，可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是不够的，我们还要为不断更新的资源做持久化缓存（Long term cache）。