美文网首页
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