美文网首页
vue-cli 构建项目时引用 less

vue-cli 构建项目时引用 less

作者: djyuning | 来源:发表于2017-06-29 16:21 被阅读93次

使用 vue-cli 构建项目时,默认使用的是 sass 解析,个人最早接触 less,所以还是比较倾向于 less 的,其实全局使用 less 的方法还是比较简单的。

安装 less 和 less-loader

首先,安装 less 和 less-loader 两个依赖。

npm install less --save
npm install less-loader --save-dev

指定 style 标签的 lang 属性

然后,在 *.vue 中,指定 style 标签的 lang 属性为 less,如:

<style lang="less">
  // less 样式
</style>

重启服务

重新运行调试命令即可看到效果了

# 首先推出当前服务
ctrl + C
# 再次运行服务
npm run dev

相关文章

网友评论

      本文标题:vue-cli 构建项目时引用 less

      本文链接:https://www.haomeiwen.com/subject/vaamcxtx.html