vue中使用less

Posted qiyan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用less相关的知识,希望对你有一定的参考价值。

第一步

安装less依赖,npm install less less-loader --save

第二步

修改webpack.config.js文件加入{

    
         {

                  test: /.less$/,

                  loader: "style-loader!css-loader!less-loader",

         },

第三步

在style加入lang="less"   启用 less,写入scoped 防止子组件样式污染

以上是关于vue中使用less的主要内容,如果未能解决你的问题,请参考以下文章

vue中 如何使用less

vue中 如何使用less

怎么在vue中使用less

vue-14-less 语法的使用

代码分析vue中如何配置less

vue 项目中使用less