从项目的 node_modules 添加到模块的符号链接

Question

我的项目结构中有一个 scss 文件夹位于 /src 文件夹之外，这就是为什么对 bu 做出反应

Failed to compile.

./src/index.js
Module not found: You attempted to import ../scss/style.scss which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to
it from project's node_modules/.

这是我的 index.js 文件：

import '../scss/style.scss'


ReactDOM.render(
<HashRouter>
    <Switch>
        <Route path="/" name="Home Page" component={Full}/>  
    </Switch>
</HashRouter>, 
    document.getElementById('root'));
registerServiceWorker();

这是 style.scss 文件的内容：

// Override Boostrap variables
@import "bootstrap-variables";

// Import Bootstrap source files
@import "node_modules/bootstrap/scss/bootstrap";

// Override core variables
@import "core-variables";

// Import core styles
@import "core/core";

// Custom styles
@import "custom";

我搜索了很多，明白它不允许将它导入到 /src 目录之外..我怎样才能“添加一个符号链接”作为反应建议我做的或者我怎样才能以其他方式修复它？

编辑：如果我将 scss 移动到 /src 文件夹中：

./src/scss/style.scss
Module build failed:
undefined
^
      File to import not found or unreadable: bootstrap.
Parent style sheet: stdin
      in D:\Repositories\facereco\src\scss\style.scss (line 14, column 1)

Answer 1

如果你想进行符号链接，请检查 npm 文档。这是关于它的https://docs.npmjs.com/cli/link

简而言之

• 使用您的包转到字典，在您的情况下是您的 scss 文件

cd ../scss

npm link

• 接下来转到其他位置并：

npm link <your_package>

你已经得到它了！