大家好，我是朽木白，一名非常普通的前端程序员，在前端这条路上淌七年的浑水，毫无建树。曾经我的年薪也达到过46w，后来在互联网泡沫的末法时代，不得已换了一份工作，自降6k去了一家教育公司

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

技术：好的，这就改。 这种方案，很快就被自我否定了。 这种方案，也思索了很久，后来也被否定了。 经过前面两个问题后，我发现思考的方向完全是错误的，总是妄想改变webpack的打包方式，简直就是跟它的理念对着干。 可以看到这一次生成的hash是4897.... 但是输出的每个文件…

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

开发环境：速度快，调试更友好。eval-source-map / eval-cheap-module-source-map chunkhash：根据 chunk 生成 hash 值。如果打包来源于同一个 chunk，那么 hash 值就一样 「contenthash」：根据文件…

1.打包，本地运行npm run build打包生成dist文件夹。 2.ssh连接服务器，切换路径到web对应目录下。 3.上传代码到web目录，一般通过xshell或者xftp完成。 1.每次都需要打开xshell软件与服务器建立连接。 2.当负责多个项目且每个项目都具有测…

大多数情况下，我们并不关心 webpack 是怎么做异步加载的，但是作为前端开发工程师我们需要对异步加载有一定的了解。 在讲解之前，先让我们搭建一个简单的webpack工程。 这里我使用了webpack-chain的方式配置 webpack。有兴趣的朋友可以去了解一下。 在讲解…

1. vue异步组件技术 vue-router配置路由，使用vue的异步组件技术，可以实现按需加载（懒加载）。 但是，这种情况下一个组件生成一个js文件。 2. es提案的import() 3. webpack提供的require.ensure() vue-router配置路由…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…