vue中使用less
1.安装
npm i less less-loader -S
2.配置
更改配置文件build/webpack.base.conf.js
在module.export
暴露的对象中,为module
的rules
添加如下配置:
1 module.exports = { 2 // 此处省略无数行,已有的的其他的内容 3 module: { 4 rules: [ 5 // 此处省略无数行,已有的的其他的规则 6 { 7 test: /\.less$/, 8 loader: "style-loader!css-loader!less-loader" 9 } 10 ] 11 } 12 }
3.使用
在代码中的 style 标签中 加上 lang="less" 属性即可
1 <style scoped lang="less"> 2 </style>