简体中文

CC 4.0 协议声明

本节内容派生于以下链接指向的内容，并遵守 CC BY 4.0 许可证的规定。
https://webpack.js.org/concepts/loaders/#inline
以下内容如果没有特殊声明，可以认为都是基于原内容的修改和删减后的结果。

内联 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"}。

内联 loader#