動態

詳情 返回 返回

review代碼系列(二): - 動態 詳情

背景:
因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。
處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理2個問題:
(1)先將babel.config.js和.babelrc配置合併。
(2)在babel-loader使用單獨的配置文件。
使用如下:

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules\/(?!(axios)\/).*/, // 僅轉譯axios等必要庫
                use: {
                  loader: 'babel-loader',
                  options: {
                     configFile: path.resolve(__dirname, './babel.config.js'), // 指定配置文件路徑
                     babelrc: false // 禁用 .babelrc
                  },
                },
              },
        ]
    }
}
user avatar freeman_tian 頭像 littlelyon 頭像 banana_god 頭像 huichangkudelingdai 頭像 guixiangyyds 頭像 yuzhihui 頭像 yixiyidong 頭像 assassin 頭像 DingyLand 頭像 kongsq 頭像 it1042290135 頭像 licin 頭像
點贊 91 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.