webpack uglify error: Unexpected token: keyword (function)

Question

我正在尝试运行 npm 运行 build 但我做不到。
我正在使用 webpack 2，但它在 uglifyJs
中给了我一个 ERROR app.3e1e32973e47000acf37.js 来自 UglifyJs 意外的标记：关键字（函数）[app.3e1e32973e47000acf37.js:130155,20] 来自 UglifyJs

的 app.bundle.js 中的错误

这是我的package.json

"devDependencies": {
    "angular-animate": "^1.6.4",
    "angular-aria": "^1.6.4",
    "angular-sanitize": "^1.6.4",     
    "babel-core": "^6.2.1",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.1.18",
    "copy-webpack-plugin": "4.0.1",    
    "html-webpack-plugin": "^2.7.1",    
    "postcss-loader": "1.2.2",
    "raw-loader": "^0.5.1",
    "rimraf": "^2.5.1",
    "style-loader": "^0.13.0",
    "webpack": "2.2.0",
    "webpack-dev-server": "2.2.0"
  }

"scripts": {
    "build": "rimraf dist && webpack -p --bail --progress --profile",
    "server": "webpack-dev-server --port 8080 --history-api-fallback --inline --progress",
    "start": "npm run server"
  },

这是我的 webpack.config.js 文件

config.module = {
    rules: [{
      // JS LOADER
      // Reference: https://github.com/babel/babel-loader
      // Transpile .js files using babel-loader
      // Compiles ES6 and ES7 into ES5 code
      test: /\.js$/,
      loader: 'babel-loader',**strong text**
      exclude: /node_modules/
    }

这是我的 babel 文件

{
  "presets": ["es2015"]
}

并且当我使用这个新的 test 对象将 webpack.config.js 文件从 js 更改为 es6

config.module = {
rules: [{
  // JS LOADER
  // Reference: https://github.com/babel/babel-loader
  // Transpile .js files using babel-loader
  // Compiles ES6 and ES7 into ES5 code
  test: /\.es6$/,
  loader: 'babel-loader',**strong text**
  exclude: /node_modules/
}

我从 UglifyJs 得到错误应用程序错误8c6dc5e29db45e3eb325.js 意外的标记：运算符 (>) [app.8c6dc5e29db45e3eb325.js:5564,32]

请让我知道我在这里为运行ning npm 运行 build?

做错了什么

Answer 1

你需要这样修改你的babel配置

"devDependencies": {    
    "babel-core": "^6.26.0",
    "babel-loader": "^6.4.1",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.6.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-latest": "^6.22.0",
    "babel-preset-stage-0": "^6.24.1"    
  }

更新你的 babelrc

{
  "presets": [
    "es2015",
    "stage-0"
  ],
  "plugins": [
    ["transform-runtime", {
      "helpers": false,
      "polyfill": false,
      "regenerator": true,
      "moduleName": "babel-runtime"
    }]
  ]
}

并将此配置用于 webpack

  config.module = {
    rules: [{
      // JS LOADER
      // Reference: https://github.com/babel/babel-loader
      // Transpile .js files using babel-loader
      // Compiles ES6 and ES7 into ES5 code
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['env']
        }
      }
    },

这应该可以解决问题。

webpack uglify error: Unexpected token: keyword (function)

webpack uglify error: Unexpected token: keyword (function)

javascript

uglifyjs

babeljs

webpack-2

angular1.6