在vue项目中使用less_苏颜_前端开发者

1.安装 less 和 less-loader。

命令:         npm install less less-loader –save-dev

npm install less less-loader –save-dev

 
2.打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面

2.打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面

添加一段{test: /.less$/,loader: “style-loader!css-loader!less-loader” }

添加一段添加一段{test: /.less$/,loader: “style-loader!css-loader!less-loader” }

 

 3.代码中的 style 标签中 加上 lang=”less” 属性即可使用,或者通过@import引入.less文件

 

 3.代码中的 style 标签中 加上 lang=”less” 属性即可使用,或者通过@import引入.less文件

» 本文来自:前端开发者 » 《在vue项目中使用less_苏颜_前端开发者》
» 本文链接地址:https://www.rokub.com/73394.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!