webpack打包報錯：Unexpected token (Note that you need plugins to import files that are not JavaScript)

關於這個問題，我在網上查找了一些資料（博客、問答），得到的答案多種多樣：

1. 可能是缺少rollup的某種plugin；

2. 可能是系統環境的問題（windows/linux/macos）；

3. 可能是某段代碼引起的問題；

4. 。。。

 

經過對自身情況的逐步測試定位，發現 ->

出問題的代碼片段：

callbacks: {
  onMouseMove,
  onModify,
  onItemSelected: (data) => console.log("selected : ", data),
  onItemUnSelected: (data) => console.log("unselected : ", data),
},

調整後，可以正常打包的代碼：

callbacks: {
  onMouseMove,
  onModify,
  onItemSelected(e) {
    console.log("selected : ", e)
  },
  onItemUnSelected(e) {
    console.log("unselected : ", e)
  },
},

 

我這裏出現這個問題，應該是：ES版本與webpack相關配置 引起的。

大家如果遇到這個問題，估計也是需要根據自身情況去排查！