注意:webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli. import { uniq } from ‘lodash‘;

enforce:‘pre‘, //优先执行，正常的，一个文件只能被一个loader处理，当一个文件要被多个loader处理，一定要指定loader执行的先后顺序，先执行eslint再执行babel

use: [‘style-loader‘, ‘css-loader‘, ‘less-loader‘]

npm install -g @vue/cli-init // 安装完后 才可使用 vue init 命令

不需要引用，两者不存在显式的依赖关系。但从逻辑上讲，是`的宿主。为了避免用户在的环境上安装，显然此时开发者需要声明和`的宿主关系。peer的中文意思为同辈的、同龄的。peerDependencies可以理解为同伴依赖，它表示包和包之间的宿主关系。聪明的np

安装Node.js淘宝镜像加速器:-g全局安装　　安装时比较慢，有可能还会失败多试几次。我们之后使用webpack模板，因为vue基于es6语法，但现在很多还是基于es5语法，通过webpack打包降级，解决兼容性问题。随意在电脑的盘符中的位置，在地址栏输

基于vue-cli4的ui组件库，先贴个最终效果吧，步骤有点多，准备分上下篇，上篇：如何做一个初步的组件。同级别创建packages目录，用来存放组件。现在的目录结构如下：。重新运行项目成功即可。// 把 packages 和 examples 加入编译，

Vue.component(‘block-menu‘, function (resolve, reject) {

output：配置出口文件的地址，在webpack2.X版本后，支持多出口配置。plugins：配置插件，根据你的需要配置不同功能的插件。

对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。当然这样做还不够，我们还可

NODE_ENV: ‘"production"‘,NODE_ENV: ‘"production"‘,NODE_ENV: ‘"development"‘,"start": &qu

publicPath: ‘‘ // // 给所有打包文件引入时加前缀，包括css，js，img，如果只想处理图片可以单独在url-loader配置中加publicPath. webpack-dev-server主要是启动了一个使用express的Http

因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，所以这里配置自定义的全局模块安装目录，

plugin机制是webpack中另一个核心概念，它基于事件流框架tapable，通过plugin（插件）webpack可以实现loader所不能完成的复杂功能，使用plugin丰富的自定义API以及生命周期事件，可以控制webpack编译流程的每个环节，

--这里modal 如果有fade 类，则关闭时需要有等待时间，否则不能关闭透明层，需要使用setTimeout 等500毫秒才能正常关闭-->. 如果定义遮罩组件时，modal的class中，增加了 fade ，显示遮罩后，如果快速要快速关闭遮罩，

const htmlWebpackPlugin = require // 导入 在内存中自动生成html文件 的插件。"test": "echo \"Error: no test specified\" &

gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助compression webpack plugin实现gzip压缩，

通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合的文件。Webpack可以看作是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其他一些不能被浏览器直接运行的扩展语音，并将其打包为合适的格式以供浏览器使

plugin是插件的意思，通常用来对某个现有的架构就行拓展。webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等。loader主要用于转换某些类型的模块，它是一个转换器。我们先来使用一个最简单的插件，为打包的文件添加版权

只需要写好自己的模块化的命名，就可以很好的避免冲突了，相当于把所有的容错点都聚焦在一个点上，犯错的机会就少了，组件化类似模块化的更细粒度，组件充当了基本类库一样的东西目的是复用拓展性，模块主要是以功能区分类别划分尽量隔离其他业务。//export defa