如何使用systemJS在Angular 2中捆绑我的单元测试脚本？

在Angular 2中，您可以使用SystemJS来捆绑您的单元测试脚本。SystemJS是一个通用的模块加载器，它可以帮助您在浏览器中加载和运行模块化的JavaScript代码。

下面是使用SystemJS在Angular 2中捆绑单元测试脚本的步骤：

npm install systemjs --save-dev

System.config({

 baseURL: '/base/',

 packages: {

   'app': {

     defaultExtension: 'js',

     format: 'register',

     map: Object.keys(window.__karma__.files)

       .filter(onlyAppFiles)

       .reduce(function createPathRecords(pathsMapping, appPath) {

         var moduleName = appPath.replace(/^\/base\/app\//, './').replace(/\.js$/, '');

         pathsMapping[moduleName] = appPath + '?' + window.__karma__.files[appPath]

         return pathsMapping;

       }, {})

});

function onlyAppFiles(filePath) {

 return /^\/base\/app\/.*\.js$/.test(filePath)

}

System.import('angular2/src/platform/browser/browser_adapter')

 .then(function(browser_adapter) {

   browser_adapter.BrowserDomAdapter.makeCurrent();

})

 .then(function() {

   return Promise.all(

     Object.keys(window.__karma__.files)

       .filter(onlySpecFiles)

       .map(function(moduleName) {

         return System.import(moduleName);

})

);

})

 .then(function() {

   __karma__.start();

 }, function(error) {

   __karma__.error(error.stack || error);

});

function onlySpecFiles(path) {

 return /\.spec\.js$/.test(path);

}

这个配置假设您的Angular应用代码位于app文件夹中，并且您的单元测试脚本文件名以.spec.js结尾。

System.import('app/my-component.spec')

 .then(function() {

   // 运行测试代码

});

这将加载名为my-component.spec.js的测试脚本，并在加载完成后运行测试代码。

通过使用SystemJS来捆绑您的单元测试脚本，您可以更好地组织和管理您的测试代码，并且可以在浏览器中轻松运行这些测试。

对于更多关于SystemJS的信息，您可以访问腾讯云的相关产品文档：SystemJS文档。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云