首先确认自己的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>