第一步:安装依赖包
npm i less less-loader -D
安装完成后,package.json有版本信息
第二步:在webpack.base.config文件中添加编译器规则
module: { rules: [
{ test: /\.less$/,
use: [ 'style-loader',
{ loader: 'css-loader',
options: { importLoaders: 1 }
},
'less-loader'
]
},
]
}
第三步:在style下使用 less
<style lang="less" scoped>
// 样式代码
</style>