node.js - less-loader 使用Mixins出错
问题描述
.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’] },
//错误信息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的其他功能暂时没什么问题,但是用到这个混合代码就出错了,求解!
问题解答
回答1:你的样式用了 4 个 loader,按照顺序首先应用的是 postcss,这个错误是 postcss 解析不了这个语法抛出的,而不是 less。
截图来自 https://autoprefixer.github.io/
所以将 less-loader 和 postcss-loader 交换一下位置应该就可以了。
回答2:有点不明白, .a() less里面是这么写的吗?? 应该是.a{}吧
相关文章:
1. 并发 - python多进程+协程的正确姿势?2. javascript - 关于选择器的简单小问题3. 微信订阅号如何用渠道二维码统计地推效果?4. 网页爬虫 - python爬虫翻页问题,请问各位大神我这段代码怎样翻页,还有价格要登陆后才能看到,应该怎么解决5. python sqlalchemy create_engine问题6. html5 - vue项目中vuex存储问题7. javascript - QQ第三方登录的问题8. mysql - PHP 批量插入的时候 判断数据表里面是否重复怎么优化9. 想练支付宝对接和微信支付对接开发(Java),好像个人不可以,怎么弄个企业的呢?10. javascript - vuejs 如何给option 添加点击事件
