這是我的webpack關(guān)于less里自動(dòng)添加前綴的配置module:{rules:[{test:/\.css$/,use:ExtractTextPlugin.extract({fallback:"style-loader",use:[{loader:'css-loader',options:{importLoaders:1}},{loader:'postcss-loader',options:{plugins:(loader)=>[require('autoprefixer')({browsers:['last15versions']})]}}]})},{test:/\.less$/,use:ExtractTextPlugin.extract({fallback:"style-loader",use:[{loader:'css-loader',options:{importLoaders:1}},{loader:'less-loader'},{loader:'postcss-loader',options:{plugins:(loader)=>[require('autoprefixer')({browsers:['last15versions']})]}}]})}]},我在我的style.less文件里引用了一個(gè)test.less文件@import'./test';.yanwenocuf{display:flex;background:#000;text-align:center;}.showImg{background:url("../images/show.jpg");width:400px;height:400px;background-size:cover;transition:width2s;}test.lessbody{background:#234;color:#000;text-align:center;display:flex;background-size:cover;}經(jīng)過webpack編輯之后style.less下的css都能自動(dòng)加上瀏覽器內(nèi)核前綴,但是只有引用的test.less里的加不了,這是怎么回事?
postcss對(duì)import引入的less文件無(wú)效
回首憶惘然
2019-05-23 18:24:47