webpack相關配置

//由於webpack是基於nide構建的，所有在配置檔案時，任何合法的node**都是支援的

//1.匯入路徑模板

const path =require(『path』);

//匯入在記憶體中生成html頁面的外掛程式

const htmlwebpackplugin = require(「html-webpack-plugin」)

//2.通過node中模組操作，向外暴露乙個配置物件

module.exports = ,

//配置dev-server引數方法2

// devserver:

//配置外掛程式 -->所有webpack的外掛程式都配置在這裡 // plugins:[ // //建立乙個在記憶體生成html的外掛程式 //// //外掛程式的作用 // // 自動在記憶體中根據指定頁面生成了乙個記憶體的頁面 // //自動把打包好的main.js追加到記憶體中 // new htmlwebpackplugin() // ], //配置第三方loader模組 module:,//處理css檔案的轉換,, ,//base64格式的能減少二次請求,只有小才能轉 //設定大小的限制傳參 ?limit=大小位元組當位元組 > 設定的位元組轉雜湊值 // 當位元組 > 設定的位元組轉base64格式 // 如果想用自己的名字 ,家第二個引數 &name=[name].[ext] //為防止重名被覆蓋再加乙個hash值 &name=[hash:8].[ext] //hash值有唯一性 ,兩個資料的hash值不可能相同最對32位 ,// 配置babel來轉換高階js語法 //在配置時必須要把node_modules目錄排除在外 babel會把node_modules所有的js檔案全部都打包編譯,會消耗電腦cpu,打包速度緩慢, 不排除會報錯,無法執行 //在專案的根目錄中新建 .babelrc檔案, 相當於json檔案,配置相關的babel引數 ,//處理.vue的檔案 ]},//配置修改路徑 resolve:

}

webpack相關配置

webpack相關配置

webpack相關配置

Vue CLI配置指南（4）webpack 相關

相關推薦