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

发布于 09-06 13:11 字数 204 浏览 17 评论 0

nuxt: 1.0.0 rc11
swiper: 4.0.5

clipboard.png

请问该如何解决呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

流殇2022-09-13 13:11:53

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',
            })
从﹋此江山别2022-09-13 13:11:53

请问怎么解决???

白芷2022-09-13 13:11:53

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文