vue 如何使用less 编写css?

ppylox
·9/6/2020·0 阅读
AI 摘要模型根据正文自动生成,仅供参考

在Vue中使用Less编写CSS,先执行`npm i less less-loader -D`安装依赖,再在Vue文件的style标签中添加`lang="less"`(如`style scoped lang="less"`)即可使用。若启动时报错`loaderContext.getResolve is not a function`,通常是less-loader版本过高所致,需降级到4.1.0,执行`npm i less-loader@4.1.0 -D`安装指定版本。

\n

首先引入less,使用如下命令:

\n\n\n\n

npm i less less-loader -D

\n\n\n\n

其次在vue文件style区域里面添加less标识:

\n\n\n\n

style scoped lang="less"

\n\n\n\n

然后启动就可以使用了,如果发现报以下错误:

\n\n\n\n

loaderContext.getResolve is not a function

\n\n\n\n

这是因为 less-loader版本过高,请将less-loader降级到4.1.0,以下命令可安装指定版本的less-loader:

\n\n\n\n

npm i less-loader@4.1.0 -D

\n

相关文章

评论 (0)

暂无评论,来写第一条吧