`webpackIgnore`：设置为 true 时，禁用动态导入解析。

`webpackChunkName`: 新 chunk 的名称。 从 webpack 2.6.0 开始，占位符 `[index]` 和 `[request]` 分别支持递增的数字或实际的解析文件名。 添加此注释后，将单独的给我们的 chunk 命名为 [my-chunk-name].js 而不是 [id].js。

__webpack_modules__[require.resolveWeak(`./page/${page}`)];

### warning

只允许启动单个文件的目标（如 node、WebWorker、electron main）现在支持运行时自动加载引导所需的依赖代码片段。

当 webpack 处理应用程序时，它会根据命令行参数中或配置文件中定义的模块列表开始处理。

从 [_入口_](/concepts/entry-points/) 开始，webpack 会递归的构建一个 _依赖关系图_，这个依赖图包含着应用程序中所需的每个模块，然后将所有模块打包为少量的 _bundle_ —— 通常只有一个 —— 可由浏览器加载。

你可以在模块联邦的高级 API 中将依赖设置为即时依赖，此 API 不会将模块放在异步 chunk 中，而是同步地提供它们。这使得我们在初始块中可以直接使用这些共享模块。但是要注意，由于所有提供的和降级模块是要异步下载的，因此，建议只在应用程序的某个地方提供它，例如 shell。

例如，你的入口看起来是这样的：

- maxloh

- snitin315

- f3ndot

translators:

- QC-L

- jacob-lcs

- dear-lizhihua

T> 本指南继续沿用 [管理输出](/guides/output-management) 指南中的代码示例。

W> 本指南中的工具 **仅用于开发环境**，请 **不要** 在生产环境中使用它们！

**webpack.config.js**

source map 有许多 [可用选项](/configuration/devtool)，请务必仔细阅读它们，以便根据需要进行配置。

**webpack.config.js**

export default function printMe() {

}

at HTMLButtonElement.printMe (print.js:2)

2. [webpack-dev-server](https://github.com/webpack/webpack-dev-server)

3. [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware)

在多数场景中可能会使用 `webpack-dev-server`，但是不妨探讨一下以上的所有选项。

像下面这样添加一个用于启动 webpack 观察模式的 npm scripts：

}

**src/print.js**

export default function printMe() {

}

npm install --save-dev webpack-dev-server

};

添加一个可以直接运行 dev server 的 script：

}

首先，安装 `express` 和 `webpack-dev-middleware`：

npm install --save-dev express webpack-dev-middleware

**webpack.config.js**

};

**project**

});

**package.json**

}

Example app listening on port 3000!

<i> [webpack-dev-middleware] Compiled successfully.

- **Vim**：在设置中增加 `:set backupcopy=yes`。