1

我用create-react-app命令创建了一个 React 项目，它使用 webpack。

为了使用 SASS，我需要使用npm run eject命令弹出并在 loaders 数组中手动​​添加 SCSS 加载程序，如此处所述。

这是我第一次使用 React，我使用的是per comonent 样式方法，包括为.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";所以我想知道引用我项目根目录的方法是什么，即~/my-project-folder.

4

1 回答 1

0

当你这样做时 @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables"; 它会在 node_modules 中查找 bootstrap-sass，但是当您想在其他文件中导入全局 sass 文件时，您必须提供相对路径，否则 webpack 将无法为您解析它。您可以尝试在 webpack 中提供公共路径

于 2017-04-24T16:26:06.690 回答