vue引入less,vue中使用less变量

　　本文主要介绍如何解决vue中使用较少的问题。这篇文章给你做了非常详细的介绍，对你的学习或者工作有一定的参考价值。有需要的朋友可以参考一下。

　　1.安装更少的依赖：NPM安装更少-加载程序-保存

　　2.修改webpack.base.config.js文件，配置加载器支持external less，添加到原代码中。

　　//此方法在控制台中显示样式标签样式。

　　{

　　测试：/\。减去$/，

　　加载器：样式加载器！css-loader！少装载机，

　　选项：{sourceMap: true} //可以在控制台中看到当前标签样式来自哪个小文件。

　　}

　　3.在项目中使用

　　将lang=less 添加到vue文件的style标签中，以便在标签中使用较少的内容，或者在外部引入较少的内容。

　　遇到的问题：

　　原因：less-loader的安装版本太高。

　　解决方案：

　　1.npm卸载较少加载程序2.npm安装较少加载程序@5.0.0

　　或者直接修改package.json文件中的版本号然后npm安装。

　　关于less在vue中的使用的这篇文章到此为止。关于在Vue中使用less的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。