vue-cli2引入使用less

vue-cli2引入使用less

1、下载安装

npm install less less-loader --save-dev

// 如果安装了淘宝镜像cnpm，也可以使用cnpm安装，在国内速度更快
cnpm install less less-loader --save-dev

2、配置

// 修改config文件夹下的 index.js 文件，具体如下：
module.exports = {
  module: {
    rules: [{
      test: /\.less$/,
      loader: "style-loader!css-loader!less-loader",
    }]
  }
}

3、使用

// 在style标签添加 lang='less' 就可以使用less的语法了
<style lang='less'>
#app{
  width:100%;
  container{
    width:100%;
  }
}
</style>

前端小白，第一次写博客，写的不好，多多包涵