node.js - 如果使用 browserify 和 node.js commonJs,bower 只对 css 有用吗

标签 node.js bower browserify commonjs

我从这个看到stack overflow question bower 和 npm 的区别:

npm 用于管理 Node.js 模块,但与 Browserify 或 WebPack 结合使用时也可以在前端工作。 npm 做嵌套的依赖树,所以你的依赖关系可以有自己的依赖关系,它们可以有自己的依赖关系......这基本上意味着相同模块的很多版本在一起,但在服务器上不是问题,Browserify 处理这个只捆绑适当的模块。

Bower 仅用于前端,并在优化时考虑到了这一点。它需要一个扁平的依赖树,将依赖解析的负担放在用户身上,这对客户端来说是有意义的,因为我们希望最小化包含的数量,

我的问题:

如果我们使用 Browserify,除了以下两个好处之外,使用 Bower 来管理前端依赖项还有很多意义吗?

  • 管理前端 css 模块包括,例如pure.css 或 bootstrap.css,
  • 包括 1 或 2 个大型 JavaScript 库,例如Angular、React 或 jQuery 作为页面上的全局版本与 Browserify 包分开 - 这是否有助于减少 bundle.js 的膨胀,即使这意味着额外的 http 请求

最佳答案

您还可以获得您提到的使用 npm 的 2 个好处:

  • Bootstrap 和 PureCSS 作为 npm 包提供
  • 您可以使用 npm 安装大型库并使用 Browserify 为它们创建单独的包

这也是我们公司正在进行的辩论,我开始选择仅使用 npm 的方法。

更多相关信息:

关于node.js - 如果使用 browserify 和 node.js commonJs,bower 只对 css 有用吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28356934/

相关文章:

node.js - 从 swagger-node-express spec.js 和 model.js 创建文档

node.js - Node + Mailchimp NPM : How to add a subscriber to a list and include their first and last name?

node.js - 如何在我的 Node.js 项目中自动执行编译前端框架(如 Twitter Bootstrap)的任务?

javascript - 运行本地环境 angularJS 时我的开发控制台中的附加代码

javascript - 错误: Cannot find module '/node_modules\progressbar/package.json'

node.js - 如何使用reactjs将导入的csv数据显示到表格中?

javascript - 如何验证nodejs中的jwt token /永不过期?

javascript - .bowerrc 中的 Bower 多个注册表 URL

angularjs - 空对象需要 Angular 浏览器

javascript - 防止 browserify 包含模块的依赖项