vue项目中使用less

6,732 阅读1分钟

首先确认自己的vue环境搭建完成

第一步:安装

npm install less less-loader --save-dev

第二步:配置文件(webpack.config.js),配置loader加载依赖,让其支持外部的less,在原来的代码上添加

 {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader",
      }

第三步:使用

(style标签里加上 scoped 为只在此作用域 有效)

<style scoped lang="less"></style>