• Webpack

在 webpack.config.js 裡使用 ESM 的 import 語法

  • Feb 20, 2022
  • by Sean Huang

步驟

安裝 @babel/register 與 babel-preset-env 

npm install -D @babel/core @babel/register babel-preset-env

npm install -D @babel/core @babel/register babel-preset-env

設定 .babelrc 

{
  "presets": [
+   "@babel/preset-env"
  ],
}


{
  "presets": [
+   "@babel/preset-env"
  ],
}

更新 webpack 設定

  1. 將原 webpack.config.js 更名為 webpack.config.babel.js
  2. 在專案根目錄建立 webpack.config.js
    require('@babel/register')
module.exports = require('./webpack.config.babel.js')

    require('@babel/register')
module.exports = require('./webpack.config.babel.js')

參考資料

閱讀更多文章