javascript - 阻止优化文本!和 json! requirejs 优化工具上的插件

Question

我正在为基于 requirejs 的多页面应用程序使用以下架构: https://github.com/requirejs/example-multipage-shim

存储库解释了如何通过运行 r.js(用于此类任务的命令行工具)来优化应用程序。

一切都应该工作正常，但我的项目作为一些模块具有执行 HTTP GET 请求以从服务器获取数据的依赖项(可以是文本或 json)

这是因为我的一些 json 和某些页面使用的模板需要在服务器端进行本地化处理。

这是一个基本示例来展示我正在谈论的内容:

 define( function( require ){

    var appLang = require('json!/pagelang/login'),           //(a)
        loginTemplate = require('text!/template/login'),     //(b)
        module = require('app/model/user'),                  //(c)
        ....

向我的服务器 localhost/pagelang/login 发出 HTTP get 请求返回一个 json

{
   "hash": "translated_value",
    ...
}     

这同样适用于 template/template_name，其中从服务器返回一个 html，其 UI 已翻译成用户语言。

通过运行 r.js，它尝试加载服务器上现有目录的位置，但显然该目录不存在。

Tracing dependencies for: app/main/login
Error: Error: Loader plugin did not call the load callback in the build:
json:
  json!/pagelang/login: Error: ENOENT, no such file or directory '/pagelang/login'
Module loading did not complete for: app/main/login

所以，我想阻止命令行工具优化文本!和 json!模块。可能吗？

我检查了 requirejs build设置，但没有找到问题的解决方案。有什么帮助吗？ https://github.com/jrburke/r.js/blob/master/build/example.build.js

Answer 1

json 插件使用 if (( config.isBuild && (config.inlineJSON === false || name.indexOf(CACHE_BUST_QUERY_PARAM +'=') !== -1)) || (url.indexOf ('empty:') === 0)) { 当优化器运行时，您有几个选项。

• 添加构建配置选项inlineJSON: false,
• 将 !bust 添加到 json require 的末尾。 require('json!/pagelang/login!bust')，或
• 将路径添加到构建配置选项paths: { "/pagelang/login": "empty:"}

文本插件使用 if (config.isBuild && !config.inlineText) { 和 if (url.indexOf('empty:') === 0) {

• 设置构建配置选项inlineText: false，或
• 将路径添加到构建配置选项paths: { "/template/login": "empty:"}

================================================== =================

更新:如果您无法使用 inlineJSON 选项，请尝试使用 inlineText，它似乎也涵盖了 JSON。引用:https://github.com/requirejs/r.js/blob/master/build/example.build.js