webpack 講解

vue爲案例

首先需要安裝webpack,和webpackcli

插件用法:

然後 在webpack中引入

 使用:

 作用就是生成一個index.html標籤並創建一個下邊的標籤,並將bundle.js添加進去而且將下邊的script插入到index.html中

配置less

 

 

 

只要使用了一次MiniCssExtractPlugin.loader就會生成一個body這樣的塊

 

 使用:

如果是類這種寫法的還需要添加一個插件例如:

 需要添加的內容:

 如果是用類裝飾器則還需要添加插件,生成器的也需要添加插件

publicPath的作用:

結果:

另一種方式(局部添加) 

結果:

 監聽是否內容改變了,poll對應的是,寫的每隔1000次就編譯一次,aggregateTimeout意思是當輸入完後500毫秒後才編譯一次

下邊這個是webpack自帶的不用安裝,直接用:

運行:

 noParse的意思:

 

 

 

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