grunt-contrib-requirejs敲除组件问题

约翰

当使用grunt-contrib-requirejs构建我的项目时,仅在组件本身()中引用的敲除组件的模块不会添加到我的压缩输出脚本文件中。textmapping

我的淘汰赛模块:

define(['knockout', 'text!./foo.html', 'mapping'], ....)

由于该组件是在运行时异步注入的-AFAIK-grunt-contrib-requirejs不会选择它们并将它们添加到我的压缩文件中,out: "<%= settings.getBuildPath() %>/js/lib/require/require.js",如下所示:

grunt配置:

requirejs: {
    compile: {
        options: {
            baseUrl: 'src/js',
            mainConfigFile: "src/js/app.js",
            name: 'app',
            out: "<%= settings.getBuildPath() %>/js/optimized.js",
            preserveLicenseComments: false,
            include: ['lib/require/require.js']
        }
    }       
}

如果我在不是敲除组件模块的另一个脚本文件中引用它们,则该项目将正常运行。

因此,如何使grunt-contrib-requirejs添加在组件中引用的脚本?

紫杉酮

我对这个问题的解决方案是使用一个模块注册组件,并在这里需要模板和视图模型,以确保r.js将它们包含在捆绑包中。

我通常需要在main.js中调用此模块。

// registerComponents.js
define(
['knockout', 'componentViewModel', 'text!componentTemplate.html', ],
function (ko, componentViewModel, componentTemplate) {

    return function () {
        ko.components.register('myComponent', {
            viewModel: componentViewModel,
            template: componentTemplate
        });
    };

});

// main.js
require(['registerComponents'], function (registerComponents) {
    registerComponents();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将杏仁与grunt-contrib-requirejs一起使用

来自分类Dev

使用grunt-contrib-handlebars版本问题预编译车把

来自分类Dev

grunt-contrib-requirejs任务停止Grunt且没有错误

来自分类Dev

grunt-contrib-watch + grunt-rsync

来自分类Dev

如何在Grunt-contrib-requirejs优化器中使用Requirejs-handlebars?

来自分类Dev

如何在Grunt-contrib-requirejs优化器中使用Requirejs-handlebars?

来自分类Dev

在凉亭中使用grunt-contrib-concat

来自分类Dev

grunt-contrib-uglify输出为空

来自分类Dev

运行grunt-contrib-imagemin时出错

来自分类Dev

grunt-contrib-jshint忽略无效

来自分类Dev

grunt-contrib-copy:多个复制任务

来自分类Dev

如何禁用grunt-contrib-cssmin联合?

来自分类Dev

grunt-contrib-jshint忽略无效

来自分类Dev

运行grunt-contrib-imagemin时出错

来自分类Dev

grunt-contrib-connect忽略任务选项

来自分类Dev

用grunt-contrib-proxy重定向

来自分类Dev

如何仅在需要时使用grunt-contrib-watch和grunt-contrib-coffee编译CoffeeScript?

来自分类Dev

使用grunt-contrib-connect和grunt-contrib-watch进行实时重载

来自分类Dev

带livereload的grunt-contrib-watch,带vs,不带grunt-contrib-connect,带livereload

来自分类Dev

如何从grunt-contrib-imagemin中排除目录

来自分类Dev

grunt-contrib-watch + sass:如何指定目标文件?

来自分类Dev

使用globlob模式时grunt-contrib-concat的奇怪行为

来自分类Dev

grunt-contrib-copy-复制时忽略文件夹

来自分类Dev

为什么grunt-contrib-watch livereload无法正常运作?

来自分类Dev

使用grunt-contrib-connect指定标题

来自分类Dev

grunt-contrib-copy错误(错误代码:ENOENT)

来自分类Dev

从grunt-contrib-connect请求对象获取数据

来自分类Dev

grunt-contrib-watch:{tinylr:“ Welcome”,版本:“ 0.0.4”}

来自分类Dev

阻止Grunt Contrib Uglify删除未使用的Javascript

Related 相关文章

  1. 1

    将杏仁与grunt-contrib-requirejs一起使用

  2. 2

    使用grunt-contrib-handlebars版本问题预编译车把

  3. 3

    grunt-contrib-requirejs任务停止Grunt且没有错误

  4. 4

    grunt-contrib-watch + grunt-rsync

  5. 5

    如何在Grunt-contrib-requirejs优化器中使用Requirejs-handlebars?

  6. 6

    如何在Grunt-contrib-requirejs优化器中使用Requirejs-handlebars?

  7. 7

    在凉亭中使用grunt-contrib-concat

  8. 8

    grunt-contrib-uglify输出为空

  9. 9

    运行grunt-contrib-imagemin时出错

  10. 10

    grunt-contrib-jshint忽略无效

  11. 11

    grunt-contrib-copy:多个复制任务

  12. 12

    如何禁用grunt-contrib-cssmin联合?

  13. 13

    grunt-contrib-jshint忽略无效

  14. 14

    运行grunt-contrib-imagemin时出错

  15. 15

    grunt-contrib-connect忽略任务选项

  16. 16

    用grunt-contrib-proxy重定向

  17. 17

    如何仅在需要时使用grunt-contrib-watch和grunt-contrib-coffee编译CoffeeScript?

  18. 18

    使用grunt-contrib-connect和grunt-contrib-watch进行实时重载

  19. 19

    带livereload的grunt-contrib-watch,带vs,不带grunt-contrib-connect,带livereload

  20. 20

    如何从grunt-contrib-imagemin中排除目录

  21. 21

    grunt-contrib-watch + sass:如何指定目标文件?

  22. 22

    使用globlob模式时grunt-contrib-concat的奇怪行为

  23. 23

    grunt-contrib-copy-复制时忽略文件夹

  24. 24

    为什么grunt-contrib-watch livereload无法正常运作?

  25. 25

    使用grunt-contrib-connect指定标题

  26. 26

    grunt-contrib-copy错误(错误代码:ENOENT)

  27. 27

    从grunt-contrib-connect请求对象获取数据

  28. 28

    grunt-contrib-watch:{tinylr:“ Welcome”,版本:“ 0.0.4”}

  29. 29

    阻止Grunt Contrib Uglify删除未使用的Javascript

热门标签

归档