装入器

方法

urlToRequest

将一些资源 URL 转换为 Webpack 模块请求 .

电话之前 urlToRequest 你需要打电话 isUrlRequest 确保它是可请求的 url

const url = "path/to/module.js";

if (loaderUtils.isUrlRequest(url)) {
  // Logic for requestable url
  const request = loaderUtils.urlToRequest(url);
} else {
  // Logic for not requestable url
}

简单示例 :

const url = "path/to/module.js";
const request = loaderUtils.urlToRequest(url); // "./path/to/module.js"

模块 URL

包含一个 ~ 将解释为模块请求。 之后的任何东西 ~ 将被视为请求路径.

const url = "~path/to/module.js";
const request = loaderUtils.urlToRequest(url); // "path/to/module.js"

根相对 URL

根相对的 URL( 从开始) /) 可以通过使用 root 参数 :

const url = "/path/to/module.js";
const root = "./root";
const request = loaderUtils.urlToRequest(url, root); // "./root/path/to/module.js"

要将根相通的 URL 转换成模块 URL,请指定 root 起始值 ~数字 :

const url = "/path/to/module.js";
const root = "~";
const request = loaderUtils.urlToRequest(url, root); // "path/to/module.js"

interpolateName

使用多个占位符和/或正则表达式将文件名模板国际化. 模板和正则表达式设定为调用查询参数 name 财务报告和审定财务报表 regExp 关于当前加载器上下文.

const interpolatedName = loaderUtils.interpolateName(
  loaderContext,
  name,
  options
);

以下符号在 name 参数 :

• [ext] 资源扩展
• [name] 资源的基准名称
• [path] 相对 context 查询参数或选项.
• [folder] 资源所在的文件夹
• [query] 资源查询,即. ?foo=bar
• [contenthash] 草丛 options.content (Buffer) (默认是Hex的文摘) xxhash64 散列( hash)
• [<hashType>:contenthash:<digestType>:<length>] 可选择配置
  • 其他项目 hashTypei. e. (中文(简体) ). xxhash64, (中文(简体) ), sha1, (中文(简体) ), md4 (wasm版本), native-md4 (单位:千美元)crypto 模块版本),, md5, (中文(简体) ), sha256, (中文(简体) ), sha512
  • 其他项目 digestTypei. e. (中文(简体) ). hex, (中文(简体) ), base26, (中文(简体) ), base32, (中文(简体) ), base36, (中文(简体) ), base49, (中文(简体) ), base52, (中文(简体) ), base58, (中文(简体) ), base62, (中文(简体) ), base64, (中文(简体) ), base64safe
  • 财务报告和审定财务报表 length 字符中的长度
• [hash] 草丛 options.content (Buffer) (默认是Hex的文摘) xxhash64 散列( hash)
• [<hashType>:hash:<digestType>:<length>] 可选择配置
  • 其他项目 hashTypei. e. (中文(简体) ). xxhash64, (中文(简体) ), sha1, (中文(简体) ), md4 (wasm版本), native-md4 (单位:千美元)crypto 模块版本),, md5, (中文(简体) ), sha256, (中文(简体) ), sha512
  • 其他项目 digestTypei. e. (中文(简体) ). hex, (中文(简体) ), base26, (中文(简体) ), base32, (中文(简体) ), base36, (中文(简体) ), base49, (中文(简体) ), base52, (中文(简体) ), base58, (中文(简体) ), base62, (中文(简体) ), base64, (中文(简体) ), base64safe
  • 财务报告和审定财务报表 length 字符中的长度
• [N] 从匹配当前文件名获取的 N 匹配 options.regExp

在加载器上下文 [hash] 财务报告和审定财务报表 [contenthash] 都一样 但我们建议使用 [contenthash] 为了避免误导.

digestType 与 base64safe 不包含 /, (中文(简体) ), + 财务报告和审定财务报表 = 符号.

实例

// loaderContext.resourcePath = "/absolute/path/to/app/js/javascript.js"
loaderUtils.interpolateName(loaderContext, "js/[hash].script.[ext]", { content: ... });
// => js/9473fdd0d880a43c21b7778d34872157.script.js

// loaderContext.resourcePath = "/absolute/path/to/app/js/javascript.js"
// loaderContext.resourceQuery = "?foo=bar"
loaderUtils.interpolateName(loaderContext, "js/[hash].script.[ext][query]", { content: ... });
// => js/9473fdd0d880a43c21b7778d34872157.script.js?foo=bar

// loaderContext.resourcePath = "/absolute/path/to/app/js/javascript.js"
loaderUtils.interpolateName(loaderContext, "js/[contenthash].script.[ext]", { content: ... });
// => js/9473fdd0d880a43c21b7778d34872157.script.js

// loaderContext.resourcePath = "/absolute/path/to/app/page.html"
loaderUtils.interpolateName(loaderContext, "html-[hash:6].html", { content: ... });
// => html-9473fd.html

// loaderContext.resourcePath = "/absolute/path/to/app/flash.txt"
loaderUtils.interpolateName(loaderContext, "[hash]", { content: ... });
// => c31e9820c001c9c4a86bce33ce43b679

// loaderContext.resourcePath = "/absolute/path/to/app/img/image.png"
loaderUtils.interpolateName(loaderContext, "[sha512:hash:base64:7].[ext]", { content: ... });
// => 2BKDTjl.png
// use sha512 hash instead of xxhash64 and with only 7 chars of base64

// loaderContext.resourcePath = "/absolute/path/to/app/img/myself.png"
// loaderContext.query.name =
loaderUtils.interpolateName(loaderContext, "picture.png");
// => picture.png

// loaderContext.resourcePath = "/absolute/path/to/app/dir/file.png"
loaderUtils.interpolateName(loaderContext, "[path][name].[ext]?[hash]", { content: ... });
// => /app/dir/file.png?9473fdd0d880a43c21b7778d34872157

// loaderContext.resourcePath = "/absolute/path/to/app/js/page-home.js"
loaderUtils.interpolateName(loaderContext, "script-[1].[ext]", { regExp: "page-(.*)\\.js", content: ... });
// => script-home.js

// loaderContext.resourcePath = "/absolute/path/to/app/js/javascript.js"
// loaderContext.resourceQuery = "?foo=bar"
loaderUtils.interpolateName(
  loaderContext,
  (resourcePath, resourceQuery) => {
    // resourcePath - `/app/js/javascript.js`
    // resourceQuery - `?foo=bar`

    return "js/[hash].script.[ext]";
  },
  { content: ... }
);
// => js/9473fdd0d880a43c21b7778d34872157.script.js

getHashDigest

const digestString = loaderUtils.getHashDigest(
  buffer,
  hashType,
  digestType,
  maxLength
);

• buffer 应散列的内容
• hashType 一个 xxhash64, (中文(简体) ), sha1, (中文(简体) ), md4, (中文(简体) ), md5, (中文(简体) ), sha256, (中文(简体) ), sha512 或任何其他节点.js 支持散列类型
• digestType 一个 hex, (中文(简体) ), base26, (中文(简体) ), base32, (中文(简体) ), base36, (中文(简体) ), base49, (中文(简体) ), base52, (中文(简体) ), base58, (中文(简体) ), base62, (中文(简体) ), base64, (中文(简体) ), base64safe
• maxLength 字符的最大长度

许可证

麻省理工学院http://www.opensource.org/licenses/mit-license.php 页面存档备份,存于互联网档案馆(中文(简体) )