vue 中使用 less

首先，vue开发环境已经安装成功

第一步：安装less依赖

npm install less less-loader --save

 第二步：修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less，在原来的代码上添加

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

 第三步：可以使用了

    1. 在style标签里加上lang=”less”

<style lang="less">

</style>

    2. 引入less文件

@import './index.less';