webpack 讲解

vue为案例

首先需要安装webpack,和webpackcli

插件用法:

然后 在webpack中引入

 使用:

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

配置less

 

 

 

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

 

 使用:

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

 需要添加的内容:

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

publicPath的作用:

结果:

另一种方式(局部添加) 

结果:

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

下边这个是webpack自带的不用安装,直接用:

运行:

 noParse的意思:

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章