转转内部脚手架的 Webpack 部分，是基于 @vue/cli 进行二次封装的。选择二次封装而不是自己搞一套 Webpack 配置，是为了减少维护的成本。比如最近新出的 Vue2.7 版本，如果自行维护 Webpack 配置

配置全局cdn，包含js、css；开启Gzip压缩，包含文件js、css；去掉注释、去掉console.log；压缩图片；设置别名，vscode也能识别；配置环境变量开发模式、测试模式、生产模式

vue-cli安装npm install vue-cli -g，vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的npm install @vue/cli -g

配置全局cdn，包含js、css，开启Gzip压缩，包含文件js、css，去掉注释、去掉console.log，压缩图片，本地代理，设置别名，vscode也能识别，配置环境变量开发模式、测试模式、生产模式

最近遇到一个更新了 package，但是本地编译打包后没有更新代码的情况，先来复现下这个 case 的流程：翻了那些 issue 后，基本知道了是由于 webpack 在编译代码过程中走到 cache-loader 然后命中了缓存，这个缓存是之前编译的老代码

打包后的文件要在服务器中运行 解决方法：放在服务器中打开，依次在终端执行下面命令;vue cli3 在项目根目录内vue.congfig.js文件（如没有，自行创建）加上如下代码

本文从实战出发，提供了一个相对普适的轻量化webpack工程配置方案。受篇幅所限，没有对一些配置项做过多解释，如果需要了解某个配置细节，可以查询相关文档或文章。有兴趣的同学也可以阅读webpack源码作深入了解

Angular CLI 是 Angular 客户端命令行工具，提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时，竟然报找不到模块@angular-devkit/build-angular的错误。

要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。

vue 开发过程中，保存一次就会编译一次，如果能够减少编译的时间，哪怕是一丁点，也能节省不少时间。开发过程中个人编写的源文件才会频繁变动，而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来，就能减少打包体积，加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。

在项目开发前期，前端开发中，页面布局基本开发完毕，但是后台还接口还没有开发完，等待后台开发完接口，在进行接口联调，浪费了等待时间,也压缩的测试的时间

最近准备开发一款web应用，考虑到可能会有前后端并行开发的场景,所以决定使用mockjs做mock server。浏览官网文档时发现没有跑在webpack上的例子，索性自己找方法解决。当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据？

vue-cli 3.0版本，配置代理Proxy，在项目根目录下新建vue.config.js，它是一个可选的配置文件，新建该文件，存放在项目根目录（将自动加载）中。配置代理如下：

vue-cli致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject

在webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装),在module.exports的最后加入,在main.js 引入,新版直接在main.js 引入