更少的CSS @import为javascript

Question

你知道是否有一些工具像LESS CSS但是对于Javascript，允许你导入例如"plugin-1.js";在我的。js文件。我正在使用一个sublime text 2 build for LESS(它引用了dotless.exe)，所以如果你尝试过类似的东西，如果你能和我们分享的话，那将是很棒的。

Answer 1

如果你使用的是HTML JavaScript，你可以用require.js这样的库来组织你的导入，或者在你已经在HTML中使用的脚本标签上面简单地包含另一个脚本标签。

<script src="plugin-1.js" type='text/javascript'> </script>

否则，如果使用node.js，则使用require()指令完成，如

var otherModuleToRequire = require("plugin-1.js");

之后，它将在文件中可用。

值得一提的是，虽然这在功能上类似于@import，但它们的行为不同，它们在运行时导入，而不是像@import那样将所有文件捆绑成一个。

如果你真的关心文件的捆绑(例如在生产环境中，在负载下)，你可以使用像闭包编译器或require.js优化器这样的缩小器和优化器(如果你选择使用require.js)。