1.vue2 + vue.config.js
npm install sass sass-loader --save-dev
module.exports = {
css: {
loaderOptions: {
sass: {
data: `@import "@/styles/main.scss";`
}
}
}
};
2.vue3+ vue.congif.js
npm install sass sass-loader --save-dev
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
css: {
loaderOptions: {
scss: {
additionalData: `@import './src/assets/va.scss';`
}
}
}
})
3.vue3 + vite.config.js
npm install sass --save-dev
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [vue()],
css: {
preprocessorOptions: {
scss: {
additionalData: `@import '@/styles/main.scss';`
}
}
}
});
vue中使用sass
于 2024-03-07 11:24:43 首次发布