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

1.vue cli给我们提供了npm run build命令打包项目，在packa.json文件中scripts对象中有build属性，当我们执行npm run build时，就执行build对应的"node build/build.js"脚本 build完成后显示 进入项目文件 ...

一、什么是webpack? webpack是一个模块打包工具。用vue项目来举例：浏览器它是只认识js，不认识vue的。而我们写的代码后缀大多是.vue的，在每个.vue文件中都可能html、js、css甚至是图片资源；并且由于组件化，这些.vue文件之间还有错综复杂的关系。所以项目要被浏览器 ...

一、什么是webpack? webpack是一个模块打包工具。用vue项目来举例：浏览器它是只认识js，不认识vue的。而我们写的代码后缀大多是.vue的，在每个.vue文件中都可能html、js、css甚至是图片资源 ...

问题，正常 npm run build 打包后，发现打包后的文件异常大，有 > 20M 的大小 分析， 　　1、起初以为是代码本身过大的原因导致的，所以一直在想如何进行代码拆分使得文件能尽可能的小，但是查询了很多资料都没找到为什么文件会过大 　　2、后来认真看了一下一直被我自动忽略 ...

一、原理 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对象上配置打包命令 ...