Vue添加less支持

  ·   vue   ·   less   ·   CSS     浏览量:

第一步 安装less和less-loader

打开命令窗口,输入下面内容

npm install less less-loader --sava-dev

第二步 改配置

在build/webpack.base.conf.js中添加如下内容

module: {
    rules: [
      /*
      之前的配置
      */
      {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"    
      }
    ]
},

第三步 添加支持

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


收起 >>
Vue添加less支持