依赖库无法访问相关节点模块导入答案

【问题标题】：Dependency library unable to access relative node modules imports依赖库无法访问相关节点模块导入
【发布时间】：2020-07-23 14:41:00
【问题描述】：

我需要在我的项目中添加一个 UI 工具包依赖项。该依赖在 node-modules 中注入了两个库

—toolkit
 —toolkit-core
 —toolkit-ui

我需要使用来自 toolkit-ui 的文件。但是 toolkit-ui 正在导入相对依赖，如下所示：

@import "toolkit-core/tools"

当项目编译它给我以下错误：

ERROR in ./css/app.scss (./node_modules/css-loader!./node_modules/postcss-loader/src??ref--5-2!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js!./css/app.scss)
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

@import "toolkit-core/tools";
^
  File to import not found or unreadable: toolkit-core/tools.

我的 webpack 设置如下

const { resolve, join} = require('path');
const autoprefixer = require('autoprefixer');
const postCssLoader = {
  loader: 'postcss-loader',
  options: {
    plugins: function() {
      return [autoprefixer({ browsers: ['last 2 versions', 'ie 10'] })];
    }
  }
};
module.exports = (projectDir) => [
…
  {
    test: /\.(scss|css)$/,
    use: [
    'style-loader', 'css-loader', postCssLoader, 'resolve-url-loader', 
     {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
              minimize: true,
              includePaths: [path.join(__dirname, 'node_modules')],
            }
          }
    ]
  },
…
]

有人可以建议我如何解决这个问题吗？谢谢

【问题讨论】：

标签： reactjs webpack sass sass-loader

【解决方案1】：

我在上面解决了。

我正在从一个公共构建目录中导入 webpack 加载器。我试图通过为scss|css 添加新规则来覆盖它。但这似乎不起作用。 Webpack 使用scss|css 加载器的第一条规则。

但是，如果我用我的应用内规则替换该规则。它有效。

【讨论】：