Javascript 导入js库或在html中引用js库有什么区别<；脚本>；标签

我目前正在使用react js的webpack。我是新手，对导入依赖项有疑问。在传统方式中，我们通常从html中的

标记导入第三方库。现在我可以通过运行下面的代码在javascript中实现这一点。我想知道这两种方法之间的区别是什么。它们是否导入到同一命名空间中？还有其他区别吗

import $ from 'jquery'
import React from 'react';
import ReactDOM from 'react-dom';
import load from 'little-loader';

---

您会注意到Webpack生成了一个JS文件，该文件通过一个

标记包含在其中。这是“捆绑”文件。页面上始终有一个

标记

Webpack/Browserify/etc.所做的是，他们将几个不同的JS文件合并成一个JS文件，通过

标签加载。因此：

<script src="jquery.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>

…或在ECMAScript 5中：

var $ = require('jquery');

---

这告诉bundler您依赖jQuery，因此它可以确保1）包含和2）包含的顺序正确。

这可能是您可以通过一些策略性的谷歌搜索找到的。听起来你对webpack的核心用例有疑问。它只允许您导入模块，并且无论您在哪里进行导入，范围都是本地的。如果你想让一些东西全球化，你可以做

import$from'jquery'；窗口$=$import $ from 'jquery'

var $ = require('jquery');