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

源自：4-5 使用 less 和 sass

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

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

提问者：qq_敏子_0 2017-06-14 17:31

个回答

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']})
                    ]
                }
            }
        }
    ]
},

qq_月影沙丘_0

2017-07-14 12:20:05

我写了还是没有用

0