目前vue-cli2上原配置是只有开发环境dev和线上环境prod的配置，但是我们实际场景上还有很多需要一个测试环境test,下面就是对测试环境的配置，将测试环境和线上环境的打包代码分开就不需要切来切去了 1. 复制一份build/build.js文件命名为build/build-test.js ...

一、原理 webpack 背后的原理其实就是把所有的非 js 资源都转换成 js (如把一个 css 文件转换成“创建一个 style 标签并把它插入 document ”的脚本、把图片转换成一个图片地址的 js 变量或 base64 编码等)，然后用 CommonJS 的机制管理起来。 用途 ...

1，安装全局cli；npm install -g vue-cli2，建文件夹;vue init webpack my-project : my-project为我自己的项目文件名,下载时一个yes其他都是NO3，在项目中npm install下载相关模块4，得到模块后npm start 启动 ...

之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 ...

第一次打包，还成功了，可能也是运气问题吧，因为自己在百度的时候发现很多人都打包有问题，现在我就讲述下我的打包配置 1、第一步，在build/utils.js中添加：publicPath:"../../", 如下所示： 2、第二步，在config/index.js文件中修改 ...

今天无意间发现在浏览器是查看查看webpack下的所有程序的源码的，为了代码安全性，还是禁止掉比较好， 因为我不想打包后的项目别人还能看我的vue源码，所以要做下配置 如果是vue cli2 我们需要打开config/index.js 搜索 build,将build对象下面 ...

修改config/index.js中的 build对象 productionSourceMap: false, ...

记得去年十月份的时候，自己在研究webpack，当时只是知道大致的用法，写了一个简单的demo，现在，经过了7个月对公司产品架构的使用，以及对vue-cli的使用，在了解了实际应用中各种需求之后，我自己写了一套适合开发的vue-cli 为了满足业务需要我这里配置了四套环境，打包 ...