webpack+vue自學（2）

標籤：

webpack  僅僅是把幾個js檔案打包到一起嗎？

以下是loader的特性貌似很複雜的樣子：

1、loader可以把資源轉化為任意格式，並傳遞給下一個loader，最終轉化結果是一個javascript。

2、loader可同步執行也非同步執行。

3、loader運行在node.js環境中，所以可以做任何可能的事情。（不可能的事情如何去做，這話不好理解）

4、locader可以通過副檔名（或者Regex）綁定給不同類型的檔案。

5、loader可以通過npm發布和安裝。

6、除了通過package.json的main指定，通常的模組也可以匯出一個laoder來使用。

7、loader可以訪問配置。

8、外掛程式可以讓loader 擁有更多特性。

9、loader可以分發出附加的任意檔案。

10、loader可以接收參數。

 

npm install css-loader style-loader --save-dev  //安裝讀取css的css-loader，再用style-loader把他插入到頁面中。

搞完之後，package.json發生了變化：

 

添加一個css檔案 然後在entry.js中 require("!style!css!./style.css")，就增加了對css的引用。

打包後，看看index.html有沒有受到信的css樣式檔案的影響。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 require("!style!css!./style.css")  其中的兩個驚嘆號看起來很奇怪。

 

webpack+vue自學（2）