Javascript 当使用从HTML文件构建的WebPack包时，如何完成WebStorm代码？

让我们从我的示例

src/index.js

文件开始：

export function foobar() {}

网页包配置：

module.exports = [
  {
    mode: 'development',
    entry: './src/index.js',
    resolve: {
      extensions: ['.js'],
    },
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
      library: 'MyBundle',
    },
  }
]

运行

webpack

时，将创建

dist/bundle.js

我创建了一个新的WebStorm项目和一个

index.html

文件，在其中我加载了带有

现在，如果我键入

MyBundle.

则没有完成

但是如果我在浏览器中打开

index.html

文件，并在开发控制台中键入

MyBundle.

，则

foobar（）

函数就完成了

---

有没有办法在WebStorm中实现相同的完成？我尝试使用源地图时运气不佳。

MyBundle

在运行时可用，但您的源代码中没有此类对象，生成的bundle被排除在索引之外，以获得更好的性能/导航等。在静态代码分析期间解决此问题需要对webpack公开库的方式提供特殊支持，即它的

output.library

属性。如果您错过了它，请随时向提交功能请求

目前，我只能建议使用JSDoc注释让IDE了解您的库。比如：

/**
 * @namespace MyBundle
 */

/**
 * @memberOf MyBundle
 */
export function foobar() {}

---

MyBundle

在运行时可用，但您的源代码中没有此类对象，并且生成的bundle被排除在索引之外，以获得更好的性能/导航等。在静态代码分析期间解决此问题需要对webpack公开库的方式提供特殊支持，即它的

output.library

属性。如果您错过了它，请随时向提交功能请求

目前，我只能建议使用JSDoc注释让IDE了解您的库。比如：

/**
 * @namespace MyBundle
 */

/**
 * @memberOf MyBundle
 */
export function foobar() {}

---

我理解。聪明且总比没有好（它要求不使用优化，因为此选项会删除注释）。我理解。聪明且总比没有好（它要求不使用优化，因为此选项会删除注释）。