課程
/前端開發(fā)
/前端工具
/webpack深入與實戰(zhàn)
在layer.less 里面引入 modal.less 但是編譯的時候卻沒有用 并沒有加前綴
2017-08-01
源自:webpack深入與實戰(zhàn) 4-5
正在回答
還是沒有前綴,也沒引進(jìn)less 不知道是不是我版本太高的過 用的3.5.4
我按樓上那樣寫還是錯的。這樣就可以。
{ ?test:/\.less$/, ?use:[ ? ?'style-loader', ? ?{loader:'css-loader',options:{importLoaders:1}}, ?//importLoaders表示,如果在css中用了@imprt引入其他的css,如果還想用postcss-loader的私有前綴功能,就要用importLoaders屬性,它的值為@import引入的次數(shù),用了@import一次,其值就為1 ? ?"less-loader", ? ?{ ? ? ?loader:'postcss-loader', ? ? ?options:{ ? ? ? ?plugins:function(){ ? ? ? ? ?return [ ? ? ? ? ? ?require('postcss-import')(), ? ? ? ?//一定要寫在require("autoprefixer")前面,否則require("autoprefixer")無效 ? ? ? ? ? ?require("autoprefixer")({browsers:['last 5 versions']}) //最近5個瀏覽器版本的前綴 ? ? ? ? ?] ? ? ? ?} ? ? ?} ? ?} ?]}
解決了,在less 里面寫全 。我的是webpack 3.0版本的
use:[ {loader: 'style-loader'},
? ? ? ? ? ? ?{loader: 'css-loader',options:{importLoaders:1}},?
? ? ? ? ? ? ?{loader: 'postcss-loader'},
? ? ? ? ? ? ?{loader: 'less-loader',}
? ? ? ? ? ? ],
就行
舉報
webpack實戰(zhàn)教程,用真實項目帶你探索 webpack 強大的功能
5 回答less-loader一直報錯Module not found: Error: Can't resolve 'less-loader'
1 回答import-loader被post-import代替了吧????
1 回答配置less-loader遇到的問題
2 回答為啥我沒報錯 沒less的loader
1 回答安裝less-loader一直出現(xiàn)問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-08-16
還是沒有前綴,也沒引進(jìn)less 不知道是不是我版本太高的過 用的3.5.4
2017-08-02
我按樓上那樣寫還是錯的。這樣就可以。
{
?test:/\.less$/,
?use:[
? ?'style-loader',
? ?{loader:'css-loader',options:{importLoaders:1}}, ?//importLoaders表示,如果在css中用了@imprt引入其他的css,如果還想用postcss-loader的私有前綴功能,就要用importLoaders屬性,它的值為@import引入的次數(shù),用了@import一次,其值就為1
? ?"less-loader",
? ?{
? ? ?loader:'postcss-loader',
? ? ?options:{
? ? ? ?plugins:function(){
? ? ? ? ?return [
? ? ? ? ? ?require('postcss-import')(), ? ? ? ?//一定要寫在require("autoprefixer")前面,否則require("autoprefixer")無效
? ? ? ? ? ?require("autoprefixer")({browsers:['last 5 versions']}) //最近5個瀏覽器版本的前綴
? ? ? ? ?]
? ? ? ?}
? ? ?}
? ?}
?]
}
2017-08-01
解決了,在less 里面寫全 。我的是webpack 3.0版本的
use:[ {loader: 'style-loader'},
? ? ? ? ? ? ?{loader: 'css-loader',options:{importLoaders:1}},?
? ? ? ? ? ? ?{loader: 'postcss-loader'},
? ? ? ? ? ? ?{loader: 'less-loader',}
? ? ? ? ? ? ],
就行