                        課程
                    
                        /前端開發
                        
                            /前端工具
                        
                        /webpack深入與實戰

為什么通過@import引入的.div{display: flex;}沒有前綴？

通過@import引入的.div{display: flex;}沒有前綴，如果直接寫在css活less文件中? 就會帶著前綴，這是為什么？

qq_敏子_0

2017-06-14

源自：webpack深入與實戰 4-5

關注問題我要回答

1285

操作

收起

2 回答

qq_hypocrite_14118132 回答被采納 +3 積分
2017-06-15

可能是因為你的是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']})
????????????????????]
????????????????}
????????????}
????????}
????]
},