webpack -p无法uglify es2015代码

Question

webpack -p cli命令无法验证es2015代码

的package.json

  "devDependencies": {
    "babel": "^6.5.2",
    "babel-core": "^6.13.2",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.13.2"
  }

webpack.config.js

var webpack = require("webpack");

var config = {
    entry: './src/app.js',
    devtool: "source-map",
    output: {
        path: '../Scripts',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015']
                },
                include: ["./src"],
                exclude: /node_modules/
            }
        ]
    }
}

module.exports = config;

运行时出错 webpack -p

ERROR in bundle.js from UglifyJs
Unexpected character '`' [./src/LineEndRenderer.js:33,0]

(es2015模板字符串使用)

跑步webpack -d很好.

Answer 1

github 上的一位用户 (fulls1z3) 提出了一个不需要 babel 的解决方案（参见 2016 年 11 月 26 日的帖子）：

这是一份副本：

webpack#2 用户，我在此尝试提供详细说明，以帮助您在 webpack 中使用 UglifyJs2 的 Harmony 分支：

• 分叉网页​​包，
• 在该分叉上，删除除 master 之外的所有分支，
• 将 master 分支克隆到本地文件夹，
• 在本地文件夹上，删除所有文件，
• 提交空的本地文件夹，
• 下载最新版本（例如：目前为 v2.1.0-beta.27）
• 将 zip 文件的内容提取到本地文件夹，

• 在本地文件夹中，编辑分叉的 package.json，更改 "uglify-js": "git+https://github.com/mishoo/UglifyJS2.git#harmony" 为将 UglifyJs2（和谐分支）依赖项指向该分支。

• 提交更改，

• 最后，将 package.json 中的 webpack 指向您的自定义分支： "webpack": "[USERNAME]/webpack#master"

或者，

• 将 package.json 中的 webpack 指向fulls1z3/webpack（ES6/ES2015 友好的 webpack 分支）： "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony"

我在全球范围内使用 webpack，所以我也必须运行它：

npm install yargs 支持颜色增强解析解释可点击的 webpack-sources 源映射 uglify-js 对象分配异步加载器运行器 acorn watchpack mkdirp ajv ajv-keywords node-libs-browser -g

然后我用 https://github.com/fulls1z3/webpack/releases 替换了我的全局npm文件webpack夹webpack-2.1.0-beta.27-harmony.zip

最后，我用https://github.com/mishoo/UglifyJS2/tree/harmonyuglify-js替换了我的全局npm 文件夹UglifyJS2-harmony.zip