Vue路由器：Gulp uglify / watch node错误答案

【问题标题】：Vue router: Gulp uglify / watch node errorVue路由器：Gulp uglify / watch node错误
【发布时间】：2017-04-12 17:00:47
【问题描述】：

刚开始使用 Vue 路由器并遵循入门但立即遇到问题。

使用与示例相同的代码：

const Home = { template: '<div>Home</div>' }

const routes = [
    { path: '/', component: Home }
]

const router = new VueRouter({
    routes // short for routes: routes
})

const app = new Vue({
    router
}).$mount('#app')

我正在运行 Gulp 手表，它在保存文件时会在我的终端中引发此错误：

events.js:160
  throw er; // Unhandled 'error' event
  ^
Error
at new JS_Parse_Error (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1545:18)
at js_error (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1553:11)
at croak (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2092:9)
at token_error (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2100:9)
at expect_token (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2113:9)
at expect (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2116:36)
at eval (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2689:13)
at eval (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2139:24)
at expr_atom (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2619:35)
at maybe_unary (eval at <anonymous> (/Users/dev/Desktop/clients/ms-photography/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2795:19)

这是我在 gulpfile 中的手表代码：

gulp.task('scripts', function() {
   return gulp.src('wp-content/themes/ms-photography/src/js/*.js')
    .pipe(minify())
    .pipe(gulp.dest('wp-content/themes/ms-photography/dist/js/'))
    .pipe(livereload());
});

如果我不编译脚本，它可以正常工作...有什么想法吗？

【问题讨论】：

标签： javascript node.js gulp vue.js vue-router

【解决方案1】：

我想您需要将 gulp-babel 添加到您的管道中，即

npm install --save-dev gulp-babel babel-preset-es2015

然后：

gulp.task('scripts', function() {
  return gulp.src('wp-content/themes/ms-photography/src/js/*.js')
    .pipe(babel({
        presets: ['es2015']
    }))
    .pipe(minify())
    .pipe(gulp.dest('wp-content/themes/ms-photography/dist/js/'))
    .pipe(livereload());
});

【讨论】：