Webpack:如何在不知道查询字符串的情况下加载相同的资产？

Question

我在webpack配置中有一个条目数组：

entry: {
    'main': [
        'webpack-hot-middleware/client?path=some-query'
        'my-module/my-file',
    ]

在我的代码(node_modules/my-module/my-file.js)中，我试图要求初始的第三方文件。

var client = require('webpack-hot-middleware/client');

，因为我不需要使用相同的查询字符串，所以 webpack将它作为一个单独的资产/模块，并在输出包中插入webpack-hot-middleware/client 二次。这意味着我正在处理代码的一个新实例，而我希望访问原始实例。我无法访问第三方代码，所以我需要在我自己的库中这样做。

目前，我唯一的解决方案是复制查询字符串：

entry: {
    'main': [
        'webpack-hot-middleware/client?path=some-query'
        'my-module/my-file?path=some-query',
    ]

然后使用公开给每个Webpack文件的__resourceQuery来要求它：

var client = require('webpack-hot-middleware/client' + __resourceQuery);

这要求我将查询字符串复制到我的模块中，这是不需要的，特别是因为我的模块不使用querystring params (而且可能想使用它自己的，这里不允许使用)。

Answer 1

您应该能够使用webpack解析器别名：https://webpack.github.io/docs/configuration.html#resolve-alias来完成这项工作。