webpack - Webpack 别名在 Karma-webpack 中不起作用

Question

我收到一个错误，因为业力无法找到从 webpack 别名加载的模块（特别是 scss 和图像）。

   Error: Module build failed: 
   @import '~Styles/file';
   ^
   File to import not found or unreadable: ~Styles/file.

Webpack devserver 和 build 能够找到这些并且工作得很好。Karma 可以毫无问题地加载其他所有内容，它只是别名文件。

webpack.config.js
...
  resolve: {
    alias: {
      Styles: path.resolve(__dirname, 'src/assets/styles'),
...

我已经查看了与此相关的所有内容，我可以在这个网站和谷歌上找到，但我还没有想出一个修复方法。

如果可以解决问题，我愿意使用另一个插件来使用 webpack 和 karma 来整理别名。

谢谢！

score 1 · Accepted Answer

在我的 karma.conf 我改变了

webpack: webpackConfig

至

webpack: {
      devtool: 'inline-source-map',
      module: webpackConfig.module,
      resolve: webpackConfig.resolve
}

这解决了这个问题。我的猜测是 webpack 配置文件中有一些 karma 不喜欢的额外内容。

1 回答 1