Vue3项目中使用Less
Vue3新项目中安装使用less整体跟vue2差不多，需要先安装less相关的依赖，然后添加一些配置。
安装步骤
- 安装
less最新版和less-loader的7.2.0（10.2.0报错）版本：
npm i less -D
npm i less-loader@7.2.0 -D
- 安装
style-resources-loader和vue-cli-plugin-style-resources-loader最新版：
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D
- 在项目根目录的
vue.config.js文件（没有则新建）添加以下配置：
const path = require('path')
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [
path.resolve(__dirname, 'src/global.less')
]
}
}
}
- 可以在项目中使用
less了。
<style lang="less">
...
</style>
