UglifyJs中的意外令牌:运算符(>) [英] Unexpected token: operator (>) from UglifyJs

问题描述

我有2个Vue-Cli Webpack项目(ClientApp和Lib). 库是我的组件库(与其他项目共享)

I have 2 Vue-Cli webpack projects (ClientApp and Lib). Lib is my components library (shared with other projects)

构建我的项目ClientApp npm run build时，出现以下错误:

When I build my project ClientApp npm run build, I have the following error:

ERROR in static/js/app.d08a24ce0e8d0438ce68.js from UglifyJs
Unexpected token: operator (>) [C:/.../Lib/src/tools/escape-key.js:3,0][static/js/app.d08a24ce0e8d0438ce68.js:17468,38]

问题

错误似乎来自文件escape-key.js中的箭头功能. 这是ES6语法，UglifyJS无法解析此语法. 巴别(Babel)不应该在Uglify之前先走吗? 请注意，这对于*.vue文件非常有用.

Questions

It seems like the error comes from an arrow function in the file escape-key.js. This is ES6 syntax and UglifyJS can't parse this. Shouldn't Babel go first, before Uglify? Note that is works well with *.vue files.

ClientApp
   | - build
   | - config
   | - src
       | - App.Vue // import EscapeKey from '~lib/tools/escape-key';



Lib
  | -src
     | - tools
         | - escape-key.js

ClientApp的webpack.base.conf.js文件

请注意，Lib有一个别名.

ClientApp's webpack.base.conf.js file

Note there is an alias to Lib.

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      '~lib': path.join(__dirname, '../../lib/src'),
    }
  },

如果需要，请随时询问更多详细信息.

Please feel free to ask for more details if required.

推荐答案

更改了babel-loader配置后，就可以了.

After changing my babel-loader config, it worked.

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [path.join(__dirname, '../../Lib/src'), resolve('src'), resolve('test')]
}

这篇关于UglifyJs中的意外令牌:运算符(>)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！