nuxt在build阶段提示swiper错误, 提示和UglifyJs有关.

Question

nuxt: 1.0.0 rc11
swiper: 4.0.5

请问该如何解决呢?

Answer 1

es6不能直接被uglify压缩，node_module里面的第三方包都会被默认忽略转译为es5。这里把你报Uglify错的所有包exclude进去config.module即可。
例如你现在是swiper。
在nuxt.config.js里面的build的extend里增加

             config.module.rules.push({
                 test: /\.js$/,
                 loader: 'babel-loader',
                 exclude: function(modulePath) {
                     return /node_modules/.test(modulePath) &&
                         !/node_modules\/swiper/.test(modulePath);
                 },
                 options: Object.assign({}, this.babelOptions)
             })

但是我在本机上述代码无效（window），但是在mac下有效。后来我用下面的替换就可以了。

            config.module.rules.splice(0, 0, {
                test: /\.js$/,
                include: [path.resolve(__dirname, './node_modules/swiper')],
                loader: 'babel-loader',
            })

Answer 2

请问怎么解决？？？

Answer 3

压缩过的代码如果再压缩容易报错,你看看是不是这个原因.