当前位置: 代码迷 >> 综合 >> vue3.0项目增加less/sass
  详细解决方案

vue3.0项目增加less/sass

热度:39   发布时间:2023-11-30 16:27:47.0

1.先安装less less-loader / scss scss-loader / style-loader

yarn add less less-loader style-loader -Doryarn add scss scss-loader style-loader -D
vue add style-resources-loader

在这里插入图片描述

然后会在根目录下自动建一个vue.config.js

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-trDj23B4-1607322006108)(/images/vue/vue3.0+less1.jpg)]

2.更改一下配置就OK了

const path = require('path')module.exports = {
    pluginOptions: {
    'style-resources-loader': {
    preProcessor: 'less',patterns: [path.resolve(__dirname, './src/assets/style/*.less')]}}
}