node.js - less-loader 使用Mixins出錯(cuò)
問題描述
.a, #b { color: red;}.mixin-class { .a();}.mixin-id { #b();}
//配置{test: /less/.+.less$/,use: [ ’style-loader’, {loader: ’css-loader’,options: { modules: true, localIdentName: ’[local]-[hash:base64:5]’} }, ’less-loader’, ’postcss-loader’] },
//錯(cuò)誤信息ERROR in ./~/css-loader?{'modules':true,'localIdentName':'[local]-[hash:base64:5]'}!./~/less-loader/dist!./~/postcss-loader/lib!./public/static/less/vols.packages.less0|luoo-m | Module build failed: Syntax Error0|luoo-m | (102:5) Unknown word0|luoo-m | 100 | }0|luoo-m | 101 | .mixin-class {0|luoo-m | > 102 | .a();0|luoo-m | | ^0|luoo-m | 103 | }0|luoo-m | 104 | .mixin-id {0|luoo-m | @ ./public/static/less/vols.packages.less 4:14-197 16:2-20:4 17:20-2030|luoo-m | @ ./app/containers/vols/packages.js0|luoo-m | @ ./app/routes/client/vols/index.js0|luoo-m | @ ./app/routes/client.js0|luoo-m | @ ./app/client.js
less的其他功能暫時(shí)沒什么問題,但是用到這個(gè)混合代碼就出錯(cuò)了,求解!
問題解答
回答1:你的樣式用了 4 個(gè) loader,按照順序首先應(yīng)用的是 postcss,這個(gè)錯(cuò)誤是 postcss 解析不了這個(gè)語法拋出的,而不是 less。
截圖來自 https://autoprefixer.github.io/
所以將 less-loader 和 postcss-loader 交換一下位置應(yīng)該就可以了。
回答2:有點(diǎn)不明白, .a() less里面是這么寫的嗎?? 應(yīng)該是.a{}吧
相關(guān)文章:
1. node.js - mysql如何通過knex查詢今天和七天內(nèi)的匯總數(shù)據(jù)2. mysql 插入數(shù)值到特定的列一直失敗3. 360瀏覽器與IE瀏覽器有何區(qū)別???4. Python從URL中提取域名5. mysql - 百萬行的表中是否盡量避免使用update等sql語句?6. python - 在使用Pycharm時(shí)經(jīng)??吹饺缦碌臉邮剑±ㄌ柪锛t色的部分是什么意思呢?7. javascript - 新浪微博網(wǎng)頁版的字?jǐn)?shù)限制是怎么做的8. 怎么在網(wǎng)頁中設(shè)置圖片進(jìn)行左右滑動(dòng)9. javascript - 豆瓣的這個(gè)自適應(yīng)是怎么做的?10. javascript - 用jsonp抓取qq音樂總是說回調(diào)函數(shù)沒有定義
