最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
解决vue中less的使用问题代码
时间：2022-06-29 02:04:40 编辑：袖梨 来源：一聚教程网
本篇文章小编给大家分享一下解决vue中less的使用问题代码，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。
1.安装less依赖：npm install less less-loader --save
2.修改webpack.base.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加
// 此种方法在控制台中标签样式显示的是style标签样式
{
test: /.less$/,
loader: "style-loader!css-loader!less-loader",
options: { sourceMap: true } //可以在控制台中看到当前标签样式来自于哪个less文件
}
3.在项目中使用
在vue文件中的style标签中添加lang="less"即可在标签中使用less，或者外部引入less
遇到的问题：
原因：less-loader安装的版本过高
解决方案：
1.npm uninstall less-loader2.npm install [email protected]
或者直接在package.json文件中直接修改版本号 然后 npm install
相关文章
- 恋与制作人李泽言生日主题 心动约期复刻活动注意事项 07-27
- 《卧龙吟2》石料和木材获取方法-资源获取全解析 07-27
- 《原神》哥伦比娅配队推荐-哥伦比娅阵容怎样搭配少女配队 07-27
- cf手游王者之尊怎么样 王者之尊强度测评与获取方法 07-27
- 洛克王国世界炫彩极品精灵获得方法 洛克王国世界炫彩极品精灵怎么获得 07-27
- 内存涨价，今年不换手机，什么时候换机更合适？ 07-27