javascript - "import"assetic的依赖解决方案

Question

我正在寻找一些使用 @import '*.js' 的解决方案，就像在 Symfony 2 项目的 less css 中一样。 有没有什么插件可以做到这一点？如果能够在文件中进行控制，而不是在 twig 中以正确的顺序硬编写“javascripts”，那就太好了。

如果我不清楚:

今天我们必须控制加载顺序以确保父类(super class)的预定义:

{% javascripts '@AcmeDemoBundle/Resources/public/js/app.base.js'
               '@AcmeDemoBundle/Resources/public/js/app.inheritancelevel1.js'
               '@AcmeDemoBundle/Resources/public/js/app.inheritancelevel2.js'
               '@AcmeDemoBundle/Resources/public/js/app.inheritancelevel3.js'
               '@AcmeDemoBundle/Resources/public/js/app.starter.js'
%}...

我想要什么:

{% javascripts '@AcmeDemoBundle/Resources/public/js/app.starter.js' %}...

//.../app.starter.js
@import 'app.baseclasses1.js'
@import 'app.baseclasses2.js'
@import 'app.baseclassesN.js'
//.../app.baseclassesX.js
@import 'app.superbaseclassesX.js'
// an so on...

我知道的唯一解决方案是将定义包装到函数中并且几乎没有实用性:

loadUtil.register('some.package', function(){ 
loadUtil.import('some.base.package');
MyClass=new Class({extends: SuperClassFromSomeBasePackage...});
});

Answer 1

我发现 RequireJSBundle:

https://github.com/hearsayit/HearsayRequireJSBundle