当前位置：文江博客话题详情

带文本的 require.jsBackbone.js 的正确构建步骤！插件

发布于 2024-12-22 09:10:57 字数 119 浏览 1 评论 0原文

在我们的 require.js 和backbone.js 应用程序中，我们使用许多视图和模板。

在构建步骤中，我们希望使用适当的视图垫片内联模板，并在此过程中从构建中删除文本插件。

这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

演多会厌 2024-12-29 09:10:57

当您运行 RrequireJs 的 r.js 实用程序时，这会自动处理。
“内联”模板不需要额外的工作。

只要您的模板是这样定义的：

define ( ['text!templates/my.html'], function(myTemplate){})

运行 r.js -o app.build.js 会将所有 text!templates/my.html 内联到优化的 javascript 文件中其自己的字符串中。这是我的 app.build.js 的示例

 ({
    appDir: "../project-directory",
    baseUrl: ".",
    dir: "../../optimized",
    modules: [
        {
            name: "js/bootstrap"
        }
    ],
    paths: {
        text: 'js/libs/amd/plugins/text',
        order: 'js/libs/amd/plugins/order',
        jquery: 'js/libs/jquery-1.7.1',
        underscore: 'js/libs/underscore',
        backbone: 'js/libs/backbone',
        'jquery.mobile.router': 'js/libs/jquery.mobile.router'
    },
    optimize: 'uglify',
    optimizeCss: "standard"
})

RequireJS 足够智能，可以内联以 text! 为前缀的依赖项。换句话说，文本插件仅在您的开发版本中使用。优化版本不需要文本插件。

That is automatically taken care of by RrequireJs when you run their r.js utility.
There's no additional effort involved to 'inline' the templates.

As long as your templates are defined like so:

define ( ['text!templates/my.html'], function(myTemplate){})

Running r.js -o app.build.js will inline all your text!templates/my.html into its own string in your optimized javascript file. Here's a sample of my app.build.js

 ({
    appDir: "../project-directory",
    baseUrl: ".",
    dir: "../../optimized",
    modules: [
        {
            name: "js/bootstrap"
        }
    ],
    paths: {
        text: 'js/libs/amd/plugins/text',
        order: 'js/libs/amd/plugins/order',
        jquery: 'js/libs/jquery-1.7.1',
        underscore: 'js/libs/underscore',
        backbone: 'js/libs/backbone',
        'jquery.mobile.router': 'js/libs/jquery.mobile.router'
    },
    optimize: 'uglify',
    optimizeCss: "standard"
})

RequireJS is smart enough to inline your dependencies prefixed with text!. In other words, the text plugin is only used in your development version. The optimized version will not require the text plugin.

If you're interested in more details, you'll find the instructions to optimize your project on RequireJS's site. You can also find a detailed sample of the build file with all possible options documented here

回复收藏 0 原文

~没有更多了~