2

我正在尝试使用 RequireJS 优化大量 javascript 文件，但我无法解决如何使用优化器正确构建脚本并以所需方式将它们加载到浏览器中。

虽然下面的描述相当具体，但我想很多其他人也遇到了同样的挑战。（或者他们在要求上做出了更明智的选择！）

我正在使用bower下载脚本目录，并且我想将这些脚本（或其中的一部分）包含在我的网页中。

此外，在测试时，我基本上不想让浏览器检索单独的 Bower 脚本。本地测试框架串行响应请求，所以这很慢。我想使用 RequireJS 优化器或其他方法将所有下载的 bower 脚本合并到一个文件中。

相比之下，我自己的代码被分解成一长串 Coffeescript 文件，我想使用RequireJS CS 插件为浏览器编译它们。

在开发时，我希望我的浏览器加载如下内容：

  • components.js
  • main.js
    • csmain.coffee
    • my_module.coffee

components.js将由 Bower 目录中的以下文件组成，components例如

  • jquery: jquery/jquery
  • jqueryui：
    • jquery-ui/ui/jquery.ui.core
    • jquery-ui/ui/jquery.ui.datepicker
  • 放大：
    • 放大/核心/amplify.core
    • 放大/请求/amplify.request
  • 引导程序：
    • 引导程序/js/引导程序转换
    • 引导程序/js/引导程序警报
    • 引导/js/引导按钮
    • 引导程序/js/引导程序轮播
    • bootstrap/js/bootstrap-collapse
  • lodash: lodash/lodash

在生产环境中，浏览器会加载一个文件，比如all.js.

所以我的问题是：如果我使用 RequireJS 进入浏览器main.js并构建脚本来实现部分和完全优化的构建。我在这个问题上花费了不成比例的时间，而且来自 RequireJS 的莫名其妙和神秘错误的数量非常长——以至于我无法识别出严重的禁止性问题。它似乎不是这项工作的工具，但我很乐意得到纠正。

我所拥有的优化脚本类似于以下内容（以 YAML 表示法）：

baseUrl: "../media/my-scripts/"
optimize: none
out: build/all.js
stubModules:
 - cs
 - coffee-script
paths:
  cs: "../../scripts/components/require-cs/cs"
  'coffee-script': "../../scripts/components/require-cs/coffee-script"
  usf: "./main"
  components: "../compiled/components"
name: usf
logLevel: 0
shim: # ...

似乎我希望解决的问题相当简单，但解决方案却没有出现。RequireJS，虽然很出色，但比我需要的要复杂得多。Almond.js是加载模块的替代方案 - 但问题在于缺乏替代的合适优化器。

我将不胜感激有关可以使用哪些选项r.js来实现上述目标的任何想法，或者可能存在哪些合适的替代优化解决方案。

4

1 回答 1

1

没有找到答案，我写了YAMDO来解决这个问题 编辑我已经弃用了那个项目，并开始依赖于很棒的Browserify项目。

于 2013-01-08T14:40:06.273 回答