美文网首页
vux在vuecli3.0或者4.0编译不兼容问题修复

vux在vuecli3.0或者4.0编译不兼容问题修复

作者: 学无止境吧 | 来源:发表于2020-01-06 01:00 被阅读0次

    最近做个项目发现在ios9上或者android5上,网页白屏。查看了下发现是第三方UI库vux没有进行es6转es5的操作。
    解决办法有2个
    第一个,修改vue.config.js:

    module.exports = {
        publicPath: './',
        outputDir: 'dist',
        lintOnSave: false, //关闭严格校验
        transpileDependencies: ['node_modules/*','node_modules/vux','vux'],
        configureWebpack: config => {
            config.devServer = {
                host: "0.0.0.0",
                port: 8080,
                open: true,
            }
    ...
    

    第二种方法:
    直接把vux的源码拉进assets目录中,引用的时候

    import AlertPlugin from '@/assets/vux/src/plugins/alert/index.js'
    import LoadingPlugin from '@/assets/vux/src/plugins/loading/index.js'
    import ToastPlugin from '@/assets/vux/src/plugins/toast/index.js'
    import ConfirmPlugin from '@/assets/vux/src/plugins/confirm/index.js'
    

    问题修复。

    相关文章

      网友评论

          本文标题:vux在vuecli3.0或者4.0编译不兼容问题修复

          本文链接:https://www.haomeiwen.com/subject/ltrhactx.html