Question

我已经实现了FlipClockJs vue component，并且在我运行时效果很好

纱线再开发者

但是，只要我跑步

纱线再生产

我收到以下错误

ERROR编译失败，出现1个错误12:30:24 PM

错误
     来自UglifyJs的
app.bc30a410.js意外令牌：运算符（>）   [app.bc30a410.js：12470,21]

我尝试通过将其添加到我的webpack文件中来解决此问题：

  .addLoader({
    test: /\.js$/,
    loader: "babel-loader",
    include: ['node_modules/@mvpleung/flipclock']
  })

但这给我同样的结果。我的整个webpack文件如下所示：

var Encore = require("@symfony/webpack-encore");
const { VueLoaderPlugin } = require("vue-loader");
const MinifyPlugin = require('babel-minify-webpack-plugin');

Encore.setOutputPath("public/build/")
  .setPublicPath("/build")

  .addEntry("app", "./resources/assets/js/app.js")

  .cleanupOutputBeforeBuild()
  .enableSourceMaps(!Encore.isProduction())
  .enableVersioning(Encore.isProduction())

  .addLoader({
test: /\.vue$/,
loader: "vue-loader"
  })
  .addLoader({
test: /\.js$/,
loader: 'babel-loader',
include: ['/node_modules/@mvpleung/flipclock']
  })
  .addLoader({
test: /\.(js|vue)$/,
enforce: "pre",
loader: "eslint-loader",
exclude: /node_modules/,
options: {
  fix: true
}
  })
  .addPlugin(new VueLoaderPlugin())
  .addPlugin(new MinifyPlugin())
  .addAliases({
vue: "vue/dist/vue.js"
  })

  .enableSassLoader()
  .enablePostCssLoader()
;

module.exports = Encore.getWebpackConfig();

任何想法在这里可能出什么问题吗？运行yarn encore开发人员时，该组件工作正常。

使用Vue 2.5.17

Answer 1

尝试在您的配置中添加以下内容

  optimization: { minimize: false },

babel-loader无法正常工作，在UglifyJS（ES6）上显示错误

1 个答案: