我目前正在使用带有react js的webpack。我是新手，对导入依赖项有疑问。以传统方式，我们通常从html中的＆lt; script＆gt; 标签导入第三方库。现在我可以通过运行下面的代码在javascript中完成它。我想知道这两种方法之间的区别是什么。它们是否导入到同一名称空间？还有其他区别吗？
从'jquery'＆＃xA导入$;从'react'导入React;＆＃xA;从'反应中导入ReactDOM -dom';＆＃xA;从'little-loader'导入负载;＆＃xA; ＆＃xA;
答案 0 :(得分：1)
您会注意到Webpack会生成一个JS文件，该文件通过<script>标记包含 。这是＆＃34;捆绑＆＃34;文件。您的页面上始终有<script>标记。
什么是Webpack / Browserify /等。是，他们采取几个不同的JS文件，并将它们组合成一个JS文件，通过<script>标签加载。所以这个：
<script src="jquery.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
......变成了这个：
<script src="bundle.js" type="text/javascript"></script>
jQuery和所有app.js代码现在位于bundle.js文件中。 Webpack还将确保所有内容的顺序正确，以便jQuery在app.js代码之前运行。这就是你有这条线的原因：
import $ from 'jquery'
...或在ECMAScript 5中：
var $ = require('jquery');
这告诉捆绑器你依赖于jQuery，所以它可以确保它包含在内，并且2）包含在正确的顺序中。