我正在迁移到systemjs,主要考虑到它对模块的支持,这使得迁移到ES6变得更简单。
系统CSS插件允许这样优雅的导入:
System.import('bootstrap/css/bootstrap.css!');但是这是异步加载的,因此加载需要在服务器生成的其余页面之前加载的CSS是不实际的。因此,我必须恢复到繁琐的包URL。(因为JSPM应该负责管理这些细节,所以当版本更改时-而且似乎通常相当麻烦-它会中断吗?)
<link rel="stylesheet" href="/res/packages/github/twbs/bootstrap@3.3.5/css/bootstrap.css">有最好的做法吗?实际上,系统use的实际使用有什么有用的例子吗?
发布于 2015-09-09 13:31:33
您可以隐藏主体,创建加载资产的javascript模块,并在资产加载时显示主体:
assets.js
import 'bootstrap/css/bootstrap.css!';然后在您的index.html文件中:
System.import('assets.js').then(function(){
//Now your styles are loaded. You may fade in/display your content.
document.querySelector('body').style.display = 'block';
}); //Add the JS extension according to your SystemJS configurationhttps://stackoverflow.com/questions/31905785
复制相似问题