3

我已经实现了FlipClockJs vue 组件，它在我运行时运行良好

纱线安可开发

但是，一旦我运行

纱线安可生产

我收到以下错误

错误编译失败，出现 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 dev 时工作正常。

使用 Vue 2.5.17

4

1 回答 1

0

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

  optimization: { minimize: false },
于 2019-01-03T04:03:03.553 回答