Javascript 模块、加载器、打包器和包管理器混淆

Question

我没有得到所有的联系。他们住在哪里，他们的使用有什么影响。下列说法是否正确？

• 加载器将驻留在浏览器中(加载后)？所以当主应用程序 javascript 需要一些模块时，它会在幕后加载它
• 如果我使用 bundler(命令行工具)，它会从我的所有模块(以及所有使用的常用模块)创建一个文件，所以没有异步加载，因为只有大的 bundled.js？
• 为什么我需要在同一个项目中使用例如 bower.json 和 package.json(npm 是否仅用于下载构建实用程序)
• 他们从哪里获取模块(npm 存储库还是都有自己的？)
• 包管理器只是将模块下载到您的项目中以供进一步处理
• npm 模块只包含 .js 文件
• 您总是需要一种方法来组织构建(gulp、grunt、npm 脚本)

到目前为止，我还没有找到包含以下信息的资源:打包程序执行此操作，加载程序执行此操作。

Answer 1

• the loader will reside in browser(after loaded)? So when the main app javascript needs some module it will load it behind the scenes

Loaders 是 webpack 的一个特性，这些 loaders 用于处理 webpack 默认不理解的代码(css、sass、images 等)。它们仅在编译代码时使用，当您发布代码时它不包含加载程序。加载程序仅在构建期间运行。

--> 编辑:这不适用于该问题，因为该问题例如引用了 require.js，但总体上仍然相关。

• if I use bundler(command line tool) it will create one file from all of my modules(and all common ones used), so no async loading, as there is only the big bundled.js?

你可以有预取，预光照，你可以只在需要时加载 block (你的包的片段)(使用动态导入 import(...) 寻找代码分割。这使得代码是仅在要加载时加载/请求。

• why do I need for example bower.json and package.json in the same project(is npm used just to download build utilities)

现在您不需要 Bower，您可以在 npm 存储库中找到 Bower 拥有的大部分(如果不是全部)东西。

• from where do they take the modules (npm repository or all have its own?)

您下载的每个包都会上传到 npm，您可以将 npm 视为“github”，但对于库而言。

• packagers are just to download the modules to your project for further processing

是

• npm modules holds only .js files

不对，看bootstrap。

you always needs way to orchastrate the build(gulp, grunt, npm scripts)

是的，但是如果你想转译内容，你只能使用 babel-cli。