使用Angular2或Angular4中的SystemJS加载较少

时间:2017-04-12 06:27:23

标签: angular less systemjs

我正在使用SystemJS处理Angular 2项目,而我使用较少的项目来构建我的组件。 我还使用插件库(systemjs-less-plugin)来加载和编译较少的文件。

我注意到脚本没有加载,我不明白为什么。

这是我的systemjs.config:

 /**
 * System configuration for Angular samples
 * Adjust as necessary for your application needs.
 */
(function (global) {
    System.config({
        defaultExtension: 'js',
        paths: {
            // paths serve as alias
            'npm:': 'node_modules/'
        },
        // map tells the System loader where to look for things
        map: {
            // our app is within the app folder
            application: 'app',

            // angular bundles
            '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
            '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
            '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
            '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
            '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
            '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
            '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
            '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',

            // other libraries
            'rxjs': 'npm:rxjs',

            'css': 'npm:systemjs-plugin-css',
            'less': 'npm:systemjs-plugin-less',
            'lesscss': 'npm:less'
        },
        // packages tells the System loader how to load when no filename and/or no extension
        packages: {
            app: {
                main: './main.js',
                defaultExtension: 'js'
            },
            rxjs: {
                defaultExtension: 'js'
            },
            lesscss: {
                main: {
                    browser: './dist/less.min.js',
                    node: '@node/less'
                }
            },
            css: {
                main: 'css.js'
            },
            less: {
                main: 'less.js'
            }
        },
        meta: {
            '*.less': { loader: 'less' }
        }
    });
})(this);

当然我也在图书馆的github上发布了这个问题......

0 个答案:

没有答案