网站地图    收藏   

主页 > 采坑 > 前端采坑 > vue常见坑 >

js文件中引入的css不会自动加前缀(新的脚手架已解决该问题)

来源:未知    时间:2021-04-29 00:26 作者:小飞侠 阅读:

[导读] 无论是开发环境还是生成环境都不会自动加前缀,因为vue-loader只管.vue文件里面的样式,没有自动执行autoprefixer loader 在build/utils.js下引入postcss-loader varpostcssLoader={loader:postcss-loader,optio...

无论是开发环境还是生成环境都不会自动加前缀,因为vue-loader只管.vue文件里面的样式,没有自动执行autoprefixer loader

在build/utils.js下引入postcss-loader

var postcssLoader = {
    loader: 'postcss-loader',
    options: {
        plugins: (loader) => [            require('autoprefixer')()
        ],
        sourceMap: true
    }
}

如果还有问题在改成

var postcssLoader = {    loader: 'postcss-loader',    options: {        plugins: (loader) => [            
require('autoprefixer')({                browsers: [                    // 加这个后可以出现额外的兼容性前缀
                    "> 0.01%"
                ]
            })
        ],        sourceMap: true
    }
}


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论