首先,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';