webpack 讲解

vue为案例

首先需要安装webpack，和webpackcli

插件用法：

 

然后 在webpack中引入

 使用：

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

配置less

 

 

 

 

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

 

 使用：

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

 

 需要添加的内容：

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

publicPath的作用：

 

结果：

另一种方式（局部添加） 

结果：