NPM - JavaScript导入/ Concat /编译（如SCSS）

Question

我正在搜索npm工具来构建我的JS文件，比如SCSS，其中我有带导入的主文件。 主要目标是创建一个BAT文件，用于在PhpStorm文件观察器中自动编译我的js文件。

例如使用此文件：

app/
   _main.js
   _utilities.js
app.js

app.js，有点像：

@import "app/_utilities.js";
@import "app/_main.js";

最终文件应该是2个子文件的汇编。

希望我能得到一些帮助。 谢谢！

Answer 1

需要什么是模块捆绑。

JavaScript有许多捆绑包，但Webpack和Browserify是最受欢迎的选择。

以下说明来自Webpack的official documentations：

  

Webpack 是适用于现代JavaScript应用程序的模块捆绑包。
  当webpack处理您的应用程序时，它会递归地构建一个包含应用程序所需的每个模块的依赖关系图，然后将所有这些模块打包成少量的包 - 通常只包含一个 -

以下图片可让您更轻松地了解它的作用：

Answer 2

经过一番搜索，我最终找到了我需要的解决方案：

束-JS https://www.npmjs.com/package/bundle-js

就像scss一样，它可以让你创建一个包含其他javascript文件的主js文件。

遗憾的是，与noda-sass不同，它不会检测父主文件，只在设置为观察者时才编译此文件，因此我在BAT文件上设置了此工作流程。