reactjs 有没有一种方法可以让我使用vite在SCSS中使用绝对路径？

p8h8hvxi 于 2023-04-29 发布在 React

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

所以我尝试React + Vite，因为webpack对我来说有点慢。现在我尝试设置一个项目启动器，但我不能使SCSS文件使用绝对路径。我把vite-tsconfig-paths添加到我的vite。ts文件中，绝对路径在类型脚本文件中工作，但是当我尝试在SCSS中使用它时，它不工作。当我这样写的时候：

@use 'styles/colors' as *;

.mainPageContainer {
    h1 {
        color: $clr-text-dark;
    }
}

它不工作，我得到以下error消息。就像这样：

@use '../styles/colors' as *;

.mainPageContainer {
    h1 {
        color: $clr-text-dark;
    }
}

很有效，但我希望它是绝对的
花了太多时间搜索，没有人提到这个，有没有人遇到这样的问题并修复了它？

reactjs

来源：https://stackoverflow.com/questions/70632978/is-there-a-way-so-i-can-use-absolute-paths-in-scss-using-vite

1条答案

按热度按时间

11dmarpk1#

正如上面的评论中提到的，虽然vite-tsconfig-paths插件没有涵盖这一点，但是你可以在插件旁边使用vite别名来进行绝对的sass导入：

// vite.config.ts

export default {
  ...
  resolve: {
    alias: {
      '~': resolve(__dirname, 'src'),
    },
  },
  plugins: [tsconfigPaths(), react()],
}

// styles.scss

@use '~/scss/functions' as *;

赞(0）回复(0）举报 2023-04-29

我来回答

reactjs 有没有一种方法可以让我使用vite在SCSS中使用绝对路径？

1条答案

相关问题

热门标签

最新问答