1.問題描述

我用vue寫著一個專案，之前打包一直是沒問題的，但是一次打包突然這樣報錯了，查了下是因為es6未被重新編譯導致的

ERROR in static/js/vendor.63e5e42ceeff268eafda.js from UglifyJs
Unexpected token: name (idSeed) [./~/element-ui/src/utils/popup/index.js:6,0][static/js/vendor.63e5e42ceeff268eafda.js:116197,4]

這是我webpack.base.conf.js檔案中一部分配置 ，babel-loader是已經有的，並且有配置過的

 rules: [
      {
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
 
,
        options: vueLoaderConfig
      },    {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude:[/node_modules/]
      },  {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]'
 
)
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
  },

2.問題解決方式

個人對問題的理解是，配置中對es6語法重編譯的是需要指明檔案的，有些檔案預設狀況下是會被忽略的，也就是你只需要重新加上那個檔名就可以！
特別強調：注意自己使用的element-ui 的版本號，配置中的版本必需與實際使用的版本一致，否則無效

注：實際使用版本是指 node_moules資料夾下版本，package.json中對應的版本號不一定是實際安裝的版本（專案重新npm install 後會導致一些模組版本更新了）

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
                resolve('src'), 
                resolve('node_modules/[email protected]@element-ui/src'),
                resolve('node_modules/[email protected]@element-ui/packages')
      },

就這樣問題算是處理好了

ps：自己就有些不理解，之前我也用了element-ui元件在專案中，也打包過並沒有報錯，為何這次出問題了？上面的也就是強行解釋，有問題可以指出，彼此共同學習進步！