配置webpack
阿新 • • 發佈:2020-08-09
安裝webpack
在全域性安裝webpack: npm install webpack -g
基本配置
在專案的根目錄建立一個 webpack.config.js
module.exports = { // 配置項 // entry: 打包的入口檔案,一個字串或者一個物件 // output: 配置打包的結果,一個物件 // fileName:定義輸出檔名,一個字串 // path:定義輸出檔案路徑,一個字串 // module: 定義對模組的處理邏輯,一個物件 // loaders:定義一系列的載入器,一個數組 // [ // { // test: 正則表示式,用於匹配到的檔案 //webpack配置loader/loaders:字串或者陣列,處理匹配到的檔案。如果只需要用到一個模組載入器則使用 loader:string,如果要使用多個模組載入器,則使用loaders:array // include: 字串或者陣列,指包含的資料夾 // exclude:字串或者陣列,指排除的資料夾 // } // ] // resolve: 影響對模組的解析,一個物件 // extensions:自動補全識別字尾,是一個數組 // plugins: 定義外掛,一個數組 }