vue.js import有什么区别/style.scss';在main.ts和css中,预处理器选项

yqyhoc1h 于 2023-05-01 发布在 Vue.js

关注(0)|答案(1)|浏览(168)

$color: red;

main.ts

import './style.scss';

当我在<style lang="scss">中使用$color时，得到一个错误：

[plugin:vite:css] [sass] Undefined variable.
  ╷
3 │   color: $color;
  │          ^^^^^^
  ╵
  src/components/HelloWorld.vue 3:10  root stylesheet

如果我这样配置，就不会有错误了

css.preprocessorOptions.scss.additionalData

那么，main.ts和css.preprocessorOptions中的import './style.scss';有什么区别呢

1条答案

import './style.scss';用于将样式从SASS/SCSS文件导入到TypeScript文件中，而css.preprocessorOptions是构建系统的配置选项，告诉它如何在构建过程中处理SASS/SCSS文件。