VUEのWebPACKのuglify - 矢印機能を含むVueのプロジェクトを構築する場合、機能

Question

を矢印のWebPACKのUglifJsPluginは、このエラーを与える：

Unexpected token: operator (>) 

例：

app.js

import Vue from 'vue'; 
import HelloWorldComponent from "./HelloWorld.vue"; 

new Vue({ 
    el: '#app' 
    ,render: r => r(HelloWorldComponent) 
}); 

HelloWorld.vueを

<template> 
    <div>{{message}}</div> 
</template> 

<script> 
const data = { message: "Hello World" } 
export default { 
    data() { return data } 
} 
</script> 

webpack.config.js

const webpack = require('webpack'); 
const path = require("path"); 
const HtmlPlugin = require("html-webpack-plugin"); 
const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); 

const output = { 
    path: path.resolve(__dirname, 'build'), 
    filename: 'app.js' 
}; 
const vueLoaderRule = { 
    test: /\.vue$/, 
    loader: 'vue-loader' 
}; 
const uglifyJsPlugin = new UglifyJsPlugin({ 
    include: /\.js$/, 
    minimize: true 
}); 

module.exports = { 
    entry: './app.js' 
    ,output: output 
    ,module: {rules: [ vueLoaderRule ]} 
    ,plugins: [ uglifyJsPlugin ] 
} 

注：私の質問はこれの重複としてマークされていた：それはそれは、クラスのメンバとして矢印の機能を使用してについてです）Vueの
2とは何の関係もありません Arrow Function syntax not working with webpack?
1） 、のwheres私の質問は

Answer 1

ない今、UglifyJsPluginはES6機能（矢印機能）をサポートしていませんので、あなたは、可能なduplicat