我使用create-react-app命令创建了一个React项目，它使用了webpack。
为了使用SASS我需要使用npm run eject命令弹出并在加载器数组as explained here内手动添加SCSS加载器。
这是我第一次使用React，并且我使用每个组件样式方法，其中包括为每个组件导入.scss文件。
我在~/my-project-folder/src/assets/styles/_variables.scss中有一个全局变量文件，我想从~/my-project-folder/src/scenes/Auth/Login/styles/login.scss导入它，当然我不想做@import '../../../assets/styles/_variables.scss'之类的事情。
我已经看到我可以通过这种方式引用node_modules文件夹中的SASS文件：@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";所以我想知道参考我的项目的方式是什么？＆＃39;根目录，即~/my-project-folder。
答案 0 :(得分：0)
当你这样做时，@ import＆＃34; ~bootstrap-sass / assets / stylesheets / bootstrap / variables＆＃34 ;;它将在node_modules中查找bootstrap-sass，但是当你想在其他文件中导入你的全局sass文件时，你必须给出相对路径，否则webpack将无法为你解决它。您可以尝试在webpack中提供公共路径