为什么通过@import引入的.div{display: flex;}没有前缀？-慕课网

首页课程实战体系课手记专栏慕课教程

为什么通过@import引入的.div{display: flex;}没有前缀？

来源：4-5 使用 less 和 sass

qq_敏子_0

2017-06-14 17:31

通过@import引入的.div{display: flex;}没有前缀，如果直接写在css活less文件中就会带着前缀，这是为什么？

写回答关注

2回答

qq_hypocrite_14118132: 2017-06-15 14:48:46

已采纳

可能是因为你的是webpack2.0，通过@import引入的话要下载个postcss-import插件，在命令行工具输入npm install postcss-import --save-dev 然后再在代码中获取这个插件

{
    test:/\.css$/,
    use:[
        'style-loader',
        {loader:'css-loader',options:{importLoaders:1}},
        {
            loader:'postcss-loader',
            options:{
                plugins:function(){
                    return [
                        require('postcss-import')(),        //一定要写在require("autoprefixer")前面，否则require("autoprefixer")无效
                        require("autoprefixer")({browsers:['last 5 versions']})
                    ]
                }
            }
        }
    ]
},

1 1

qq_敏子_...

非常感谢！

2017-06-15 16:15:06

共 1 条回复 >