postcss-loader autoprefixer 打包后生成的css前缀不全,只有-ms-.。求助谢谢~

发布于 2022-09-11 17:53:33 字数 2176 浏览 32 评论 0

问题描述

postcss-loader autoprefixer 打包后生成的css前缀不全,只有-ms-.
clipboard.png

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

//webpack.base.config.js
rules: [

{
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
        loaders: {
            less: ExtractTextPlugin.extract({
                use: [ 'css-loader?minimize', 'postcss-loader', 'less-loader' ],
                fallback: 'vue-style-loader'
            }),
            sass: ExtractTextPlugin.extract({
                use: [ 'css-loader?minimize', 'postcss-loader', 'sass-loader?indentedSyntax' ],
                fallback: 'vue-style-loader'
            }),
            scss: ExtractTextPlugin.extract({
                use: [ 'css-loader?minimize', 'postcss-loader', 'sass-loader' ],
                fallback: 'vue-style-loader'
            }),
            css: ExtractTextPlugin.extract({
                use: [ 'css-loader', 'postcss-loader', 'less-loader' ],
                fallback: 'vue-style-loader'
            })
        },
    }
},
{
    test: /iview\/.*?js$/,
    loader: 'babel-loader'
},
{
    test: /\.js$/,
    loader: 'babel-loader',
    exclude: /node_modules/
},
{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
        use: [ 'css-loader?minimize', 'postcss-loader' ],
        fallback: 'style-loader'
    })
},
{
    test: /\.less/,
    use: ExtractTextPlugin.extract({
        use: [ 'postcss-loader', 'less-loader' ],
        fallback: 'style-loader'
    })
},
{
    test: /\.(sass|scss)/,
    use: ExtractTextPlugin.extract({
        use: [ 'postcss-loader', 'sass-loader' ],
        fallback: 'style-loader'
    })
},
{
    test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
    loader: 'url-loader?limit=1024'
},
{
    test: /\.(html|tpl)$/,
    loader: 'html-loader'
}

]
//postcss.config.js
let autoprefixer = require('autoprefixer');

module.exports = {

plugins: [
    autoprefixer({
        browsers: [
            '> 0.01%'
        ]
    })
]

};

你期待的结果是什么?实际看到的错误信息又是什么?

生成其他前缀css代码

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文