node.js - 使用 Webpack 构建 Angular 2 for NPM 包

标签 node.js angular webpack

我有一组用 Angular 2 构建的组件和服务。目前,它们通过 gulp 捆绑并打包到 dist 文件夹中,然后发布到私有(private) npm 服务器上。如果可能的话,我想停止使用 Gulp。

我的问题是,我可以只使用 Webpack 将我的文件捆绑、缩小等到 dist 文件夹中吗?以及能够在其中运行我的 Jasmine 测试吗?

我在开始时遇到困难。我有一个 index.ts 文件,该文件从每个组件文件夹以及主模块导出所有文件。这会成为我的 webpack 配置的条目吗?

最佳答案

Webpack is a module bundler. It has nothing to do with a tasks runner, although in many cases can substitute the need of gulp or grunt.

http://www.acuriousanimal.com/2015/10/15/webpack-not-another-task-runner-tool.html

所以回答你的问题:

1.) 是的,它可用于捆绑/缩小/等并输出到 dist 文件夹。

2.) 运行 jasmine 测试? Webpack 在这里并没有真正发挥作用。您可能会使用 npm 脚本 使用 jasmine CLI 直接执行测试。单元测试可能应该在小型独立组件上运行,而不是在整个捆绑应用程序上运行。这里有一个不错的教程:https://semaphoreci.com/community/tutorials/testing-components-in-angular-2-with-jasmine

关于node.js - 使用 Webpack 构建 Angular 2 for NPM 包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42123182/

相关文章:

node.js - 23andMe API 错误 : 'No grant_type provided.' 'invalid_request' OAuth2

javascript - 使用正则表达式分割字符串

javascript - 在获得 Angular 5 的结果后,如何确保 typescript 接口(interface)属性为大写?

javascript - 如何在 Webpack 中使用缓存清除?

javascript - Webpack react 热加载器不工作

javascript - socket.on() 未接收数据

javascript - 如何确定所有异步 readFile() 调用是否已完成

javascript - EJS 找不到包含包含文件

javascript - Angular - 模板驱动的表单 - 电子邮件验证未发生

javascript - 在 React 中包含 Phaser JS,PIXI 未定义错误