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

Question

我收到一个错误，因为karma无法找到从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'),
...

我已经查看了与此相关的所有内容，我可以在此网站和Google上找到，但我还没有找到解决方法。

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

谢谢！

Answer 1

在我的karma.conf中，我改变了

webpack: webpackConfig

到

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

并解决了这个问题。我的猜测是，webpack配置文件中还有一些额外的事情，因为业力不喜欢。