javascript - 用于 JavaScript 的 LESS CSS @import

Question

你知道是否有某种工具，比如 LESS CSS，但对于 Javascript，它允许你导入例如“plugin-1.js”；在我的 .js 文件中。我正在为 LESS 使用 sublime text 2 构建（它引用 dotless.exe），所以如果你尝试过类似的东西，如果你能与我们分享它会很棒。

Answer 1

如果您在HTMLWeb 中使用 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）。