#内联 loader

可以在 import 语句中指定 loader，或者任何同等的 "导入"方法。用 ! 将 loader 从资源中分离出来。每个部分都是相对于当前目录来解析的。

import Styles from 'style-loader!css-loader?modules!./styles.css';

通过在 inline import 语句中加前缀，可以覆盖配置中的任何 loaders、preLoaders 和 postLoaders：

前缀为 ! 时将禁用所有配置的 Normal Loader

import Styles from '!style-loader!css-loader?modules!./styles.css';

前缀为 !! 时将禁用所有配置的 loader（preLoaders、loaders、postLoaders）。

import Styles from '!!style-loader!css-loader?modules!./styles.css';

前缀为 -! 时将禁用所有配置的 preLoaders 和 loaders，但不包括 postLoaders

import Styles from '-!style-loader!css-loader?modules!./styles.css';

选项可以用查询参数来传递，例如 ?key=value&foo=bar，或者是 JSON 对象，例如 ?{"key": "value", "foo": "bar"}。

本页改编自 webpack 文档，遵循 CC BY 4.0，且已作修改。