webpack 讲解

vue为案例

首先需要安装webpack，和webpackcli

插件用法：

然后 在webpack中引入

 使用：

 作用就是生成一个index.html标签并创建一个下边的标签，并将bundle.js添加进去而且将下边的script插入到index.html中

配置less

 

 

 

只要使用了一次MiniCssExtractPlugin.loader就会生成一个body这样的块

 

 使用：

如果是类这种写法的还需要添加一个插件例如：

 需要添加的内容：

 如果是用类装饰器则还需要添加插件，生成器的也需要添加插件

publicPath的作用：

结果：

另一种方式（局部添加） 

结果：

 监听是否内容改变了，poll对应的是，写的每隔1000次就编译一次，aggregateTimeout意思是当输入完后500毫秒后才编译一次

下边这个是webpack自带的不用安装，直接用：

运行：

 noParse的意思：