Question

我在layout.js

中获得了以下代码块

import $ from "jquery";
import LayoutModel from 'js/models/LayoutModel';

let elements = {
    $window: $(window),
    $html: $('html'),
    $content: $('#content')
};

let viewmodel = null;

export function init(options) {
    viewmodel = new LayoutModel(options, elements);

    ko.applyBindings(viewmodel, elements.$content[0]);
}

然后我在system.js的视图中加载它并使用选项调用init()。选项包含值，它必须在视图中，因为其中一些来自后端模型。

System.import('resources/javascript/layout').then(function(controller) {
    var options = {
        something: 'value'
    };
    controller.init(options);
});

此解决方案有效，但未与jspm捆绑：

jspm bundle resources\javascript\layout resources\javascript\dist\layout.min.js --minify

在制作中我必须这样做，但在这种情况下，我无法使用system.import()和.then()，因为我必须使用正常加载捆绑的脚本{ {1}}标记：

<script>

问题：如何捆绑和缩小它并使用选项调用<script src="resources\javascript\dist\layout.min.js"></script>方法？

谢谢！

捆绑后带参数的加载模块

0 个答案: