解決 Webpack 跑 bundle 發出 Unexpected token import 的 error

Ryan Hsu
Its Ok to Make Mistakes
1 min readAug 29, 2017

情境

webpack.config.js 使用 ES6 語法,但在跑

$ npm run webpack --config ./webpack.config.js

卻告訴我,Node 不認得 ES6 webpack.config.js 中 import 語法?

解決方法

請把 webpack.config.js 「檔案名稱」改為webpack.config.babel.js

這麼一來在跑 webpack config 的時候就會以 ES6 模式下去跑了!

官方網站好像也沒有把這點特別寫出來,但我在 Stackoverflow 有找到相關的議題:How can I use ES6 in webpack.config.js?

以上

記錄一下,這個連我自己都常常忘記,希望對你也有幫助!

--

--