在初次碰到 webpack 的時候你是否有這樣的困惑？
在專案的js入口檔案中匯入 css樣式表
卻發現報錯！！無法使用，這是怎麼回事呢？看看解決方式吧……
如果要處理 非 js 型別的檔案，我們需要手動安裝一些 合適的 第三方 loader 載入器；
1.如果想要打包處理 css 檔案，需要安裝：
2.開啟webpack.config.js這個配置檔案，在裡面，新增乙個配置節點，叫做module，它是乙個物件；在 這個module物件身上，有乙個 rules 屬性，這個rules屬性是個 陣列；這個陣列中存放了所有第三方檔案的配置 和處理規則；
module: , //配置處理 .css 檔案的第三方loader 規則
]}
2.如果能找到對應的規則，就會呼叫 對應的 loader 處理 這種檔案型別
3.在呼叫loader 的時候，是從後往前呼叫的；
4.當最後的乙個 loader 呼叫完畢，會把處理的結果，直接交給 webpack 進行打包合併，最終輸出到bundle.js中去
Webpack通過loader打包非js模組
在實際開發過程中，webpack預設只能打包處理.js檔案，非,js檔案，需要呼叫loader載入器才可以正常打包。loader載入器可以協助webpack打包處理特定檔案模組 css檔案打包處理 執行npm i style loader css loader d,安裝相關外掛程式。在webpack...
webpack處理非模組化的幾方法
webpack處理非模組化檔案有幾方法，主要分為外鏈和webpack打包二種情況 一 使用cdn外部鏈結的方法 1 module.exports 6output 11 cdn12 externals 二 webpack打包在一起的方法 官網文件shimming 如下示例是還是使用zepto，需要用到...
webpack處理非模組化的幾方法
webpack處理非模組化檔案有幾方法，主要分為外鏈和webpack打包二種情況 一 使用cdn外部鏈結的方法 1 module.exports 6output 11 cdn12 externals 二 webpack打包在一起的方法 官網文件shimming 如下示例是還是使用zepto，需要用到...