在普通的JS web组件中，外部依赖关系在哪里？
在普通的JS web组件中，外部依赖关系在哪里？
提问于 2017-12-24 15:41:38
我正在尝试在一个项目中使用web组件--本质上是由属性驱动的自定义元素，理想的由<link rel="import">导入的元素。
问题是:对于组件所依赖的任何外部库，比如moment.js甚至jQuery，我都找不到结论性的指导。
我见过的大多数组件示例都严格使用普通JS。当它们确实使用外部库时，它们通常会在使用Bower或npm时丢弃它们，并在组件的HTML中显式地引用它们：
<script type="text/javascript"
src="/bower_components/jquery/dist/jquery.min.js></script>这些天来，我更习惯使用webpack来捆绑依赖关系，所以这看起来有点奇怪。
我的问题是:在组件目录中包含每个组件的库依赖关系是更好的形式，还是在项目级别上有一个中央文件夹？，webpack是如何适应这一点的？
回答 1
Stack Overflow用户
发布于 2017-12-24 16:00:11
最好在项目级别上有一个中央node_modules文件夹。大多数人使用Webpack将他们的代码绑定到他们的依赖项中。对于每个组件，他们都使用require或import模块。
a.component.js
import React from 'react'
import $ from 'jquery'b.component.js
import React from 'react'app.js
import A from 'a.component.js'
import B from 'b.component.js'Webpack将有一个“条目”：app.js并编译它output：app.min.js
为什么？
- 使用
npm更容易管理(更新、删除、添加)依赖关系。 - 浏览器将加载一个文件而不是多个外部文件。
外部信息：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47961963
复制相关文章
相似问题
腾讯云开发者
