Travis CI聽vs聽Webpack

Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Travis CI
Travis CI

4.4K
3.1K
+ 1
1.7K
Webpack
Webpack

11.2K
7.4K
+ 1
740
Add tool

Travis CI vs Webpack: What are the differences?

What is Travis CI? A hosted continuous integration service for open source and private projects. Free for open source projects, our CI environment provides multiple runtimes (e.g. Node.js or PHP versions), data stores and so on. Because of this, hosting your project on travis-ci.com means you can effortlessly test your library or applications against multiple runtimes and data stores without even having all of them installed locally.

What is Webpack? A bundler for javascript and friends. A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Travis CI and Webpack are primarily classified as "Continuous Integration" and "JS Build Tools / JS Task Runners" tools respectively.

"Github integration", "Free for open source" and "Easy to get started" are the key factors why developers consider Travis CI; whereas "Most powerful bundler", "Built-in dev server with livereload" and "Can handle all types of assets" are the primary reasons why Webpack is favored.

Webpack is an open source tool with 49.8K GitHub stars and 6.27K GitHub forks. Here's a link to Webpack's open source repository on GitHub.

Airbnb, Instagram, and Pinterest are some of the popular companies that use Webpack, whereas Travis CI is used by Lyft, Heroku, and Rainist. Webpack has a broader approval, being mentioned in 2206 company stacks & 1338 developers stacks; compared to Travis CI, which is listed in 670 company stacks and 624 developer stacks.

- No public GitHub repository available -

What is Travis CI?

Free for open source projects, our CI environment provides multiple runtimes (e.g. Node.js or PHP versions), data stores and so on. Because of this, hosting your project on travis-ci.com means you can effortlessly test your library or applications against multiple runtimes and data stores without even having all of them installed locally.

What is Webpack?

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Travis CI?
Why do developers choose Webpack?

Sign up to add, upvote and see more prosMake informed product decisions

Jobs that mention Travis CI and Webpack as a desired skillset
What companies use Travis CI?
What companies use Webpack?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Travis CI?
What tools integrate with Webpack?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Travis CI and Webpack?
Jenkins
In a nutshell Jenkins CI is the leading open-source continuous integration server. Built with Java, it provides over 300 plugins to support building and testing virtually any project.
CircleCI
Continuous integration and delivery platform helps software teams rapidly release code with confidence by automating the build, test, and deploy process. Offers a modern software development platform that lets teams ramp.
GitLab CI
GitLab offers a continuous integration service. If you add a .gitlab-ci.yml file to the root directory of your repository, and configure your GitLab project to use a Runner, then each merge request or push triggers your CI pipeline.
GitLab
GitLab offers git repository management, code reviews, issue tracking, activity feeds and wikis. Enterprises install GitLab on-premise and connect it with LDAP and Active Directory servers for secure authentication and authorization. A single GitLab server can handle more than 25,000 users but it is also possible to create a high availability setup with multiple active servers.
Bamboo
Focus on coding and count on Bamboo as your CI and build server! Create multi-stage build plans, set up triggers to start builds upon commits, and assign agents to your critical builds and deployments.
See all alternatives
Decisions about Travis CI and Webpack
Jesus Dario Rivera Rubio
Jesus Dario Rivera Rubio
Telecomm Engineering at Netbeast | 10 upvotes 132.5K views
atNetbeastNetbeast
Mailjet
Mailjet
Intercom
Intercom
Amplitude
Amplitude
Firebase
Firebase
GitHub
GitHub
Bitrise
Bitrise
Travis CI
Travis CI
Objective-C
Objective-C
Android SDK
Android SDK
React Native
React Native
#End2end
#SmartHome

We are using React Native in #SmartHome to share the business logic between Android and iOS team and approach users with a unique brand experience. The drawback is that we require lots of native Android SDK and Objective-C modules, so a good part of the invested time is there. The gain for a app that relies less on native communication, sensors and OS tools should be even higher.

Also it helps us set different testing stages: we use Travis CI for the javascript (business logic), Bitrise to run build tests and @Detox for #end2end automated user tests.

We use a microservices structure on top of Zeit's @now that read from firebase. We use JWT auth to authenticate requests among services and from users, following GitHub philosophy of using the same infrastructure than its API consumers. Firebase is used mainly as a key-value store between services and as a backup database for users. We also use its authentication mechanisms.

You can be super locked-in if you also rely on it's analytics, but we use Amplitude for that, which offers us great insights. Intercom for communications with end-user and Mailjet for marketing.

See more
Travis CI
Travis CI
CircleCI
CircleCI

I initially chose CircleCI for a personal project because I was not satisified with using Travis CI in the past. When it came time to develop my CI/CD config on Circle, I was pleasantly surprised with the fantastic documentation, invaluable collection of example configs and helpful support provided. The free tier they provide is quite robust for most small projects and the platform is updated frequently with nice features.

Areas where CircleCI could improve:

  • the UI is a bit slow (you can feel the local machine straining to load all the code) and it is not as intuitive as it could be
  • many UI elements receive updates and/or changes that are not always reflected in the current docs
See more
GitHub
GitHub
Appveyor
Appveyor
Travis CI
Travis CI

I recommend using Travis CI and/or Appveyor in all projects.

Projects using these tools have given me confidence to know that I don't cause any breaking changes. Travis CI and Appveyor have functionality to test components of a project across multiple installation projects to ensure that modifications don't break a project. These tools integrate easily with GitHub and are useful in open source projects that must review contributions from many different people.

See more
Tim Abbott
Tim Abbott
Founder at Zulip | 12 upvotes 34.5K views
atZulipZulip
CircleCI
CircleCI
Travis CI
Travis CI

We actually started out on Travis CI, but we've migrated our main builds to CircleCI, and it's been a huge improvement.

The reason it's been a huge improvement is that Travis CI has a fundamentally bad design for their images, where they start with a standard base Linux image containing tons of packages (several versions of postgres, every programming language environment, etc). This is potentially nice for the "get builds for a small project running quickly" use case, but it's a total disaster for a larger project that needs a decent number of dependencies and cares about the performance and reliability of their build.

This issue is exacerbated by their networking infrastructure being unreliable; we usually saw over 1% of builds failing due to transient networking errors in Travis CI, even after we added retries to the most frequently failing operations like apt update or pip install. And they never install Ubuntu's point release updates to their images. So doing an apt update, apt install, or especially apt upgrade would take forever. We ended up writing code to actually uninstall many of their base packages and pin the versions of hundreds of others to get a semi-fast, semi-reliable build. It was infuriating.

The CircleCI v2.0 system has the right design for a CI system: we can customize the base image to start with any expensive-to-install packages we need for our build, and we can update that image if and when we want to. The end result is that when migrating, we were able to delete all the hacky optimizations mentioned above, while still ending up with a 50% faster build latency. And we've also had 5-10x fewer issues with networking-related flakes, which means one doesn't have to constantly check whether a build failure is actually due to an issue with the code under test or "just another networking flake".

See more
Travis CI
Travis CI
CircleCI
CircleCI
Google Cloud Build
Google Cloud Build

I use Google Cloud Build because it's my first foray into the CICD world(loving it so far), and I wanted to work with something GCP native to avoid giving permissions to other SaaS tools like CircleCI and Travis CI.

I really like it because it's free for the first 120 minutes, and it's one of the few CICD tools that enterprises are open to using since it's contained within GCP.

One of the unique things is that it has the Kaniko cache, which speeds up builds by creating intermediate layers within the docker image vs. pushing the full thing from the start. Helpful when you're installing just a few additional dependencies.

Feel free to checkout an example: Cloudbuild Example

See more
Tom谩拧 Pusteln铆k
Tom谩拧 Pusteln铆k
Webpack
Webpack
gulp
gulp
jQuery
jQuery
JavaScript
JavaScript

I use JavaScript these days and for few years I didn't have to use jQuery at all. I used to use it back in the days when IE8 and similar was a thing. But due to better browser support of native functions for DOM manipulation I could move to vanilla JavaScript. Most of the time, that's all I need to work with modals/accordions and similar. But I'm not saying that jQuery is bad. It was, and still is a great tool. Some of it's features are available in all browsers nowadays so it is not so important as it used to be. But jQuery has still advantage for example in it's selector engine, some DOM selections which are easy in jQuery are a bit more difficult in vanilla JS (you have to create some helper functions or use some 3rd party library to help you with that), but to be honest I needed this on very few occasions. So it really depends on your project (supported browses, plain JS or some bundling - gulp, Webpack, whether you plan to use modules etc.). Hope this helps.

See more
Gustavo Mu帽oz
Gustavo Mu帽oz
Web UI Developer at Globant | 4 upvotes 16.2K views
Parcel
Parcel
gulp
gulp
Grunt
Grunt
Webpack
Webpack
#WebPackDevServer
#Merge

Using Webpack is one of the best decision ever. I have used to Grunt and gulp previously, but the experience is not the same, and despite I know there are other bundlers like Parcel, Webpack gives me the perfect balance between automatization and configuration. The ecosystem of tools and loaders is amazing, and with WebPack #merge, you can modularize your build and define standard pieces to assemble different build configurations. I don't like processes where you cannot see their guts, and you have to trust in magic a little bit too much for my taste. But also I don't want to reinvent the wheel and lose too much time configuring my build processes. And of course, I love #WebPackDevServer and hot reloading.

See more
Interest over time
Reviews of Travis CI and Webpack
Avatar of tschellenbach
CEO at Stream
Review ofTravis CITravis CI

In the past we used to run Jenkins. The build server always had weird issues and was a pain to maintain. Travis is a great solution for CI. Their Debug build features makes it trivial to figure out why your build broke. The integration with Github is also very slick. One thing they could improve is the documentation on the .travis.yaml format. All in all, great company and very responsive supports. Over here at getstream.io we're a fan. Keep up the good work guys!

How developers use Travis CI and Webpack
Avatar of Volkan 脰z莽elik
Volkan 脰z莽elik uses WebpackWebpack

Webpack is the best bundler. Period.

Yes, it has a(n arguably) messy documentation, and a steep learning curve; but once you get the hang of it, there is nothing you cannot do with it.

Use it and you don鈥檛 have to use any other bundler at all.

It has a vivid ecosystem, and great plugin support.

Avatar of datapile
datapile uses Travis CITravis CI

Travis CI is our pillar for automated deployment, pull request testing, auto-merging (for non-mission-critical projects), and build testing per commit / release.

It is highly configurable, super cheap, and extremely robust (supports every language and configuration we've thrown at it).

Avatar of P膿teris Caune
P膿teris Caune uses Travis CITravis CI

While we usually run tests before commits, Travis goes further and tests with different Python versions and different database backends. It works great, and, best of all, it is free for open source projects.

Avatar of Dieter Adriaenssens
Dieter Adriaenssens uses Travis CITravis CI

Travis CI builds and tests every commit. It's also used to deploy Buildtime Trend as a Service to Heroku and the Buildtime Trend Python library to the PyPi repository.

Avatar of Alec Cunningham
Alec Cunningham uses WebpackWebpack

My preferred build tool; allows me to bundle my JSX, JS, CSS files for easy access and I can pass the bundle through my node server for server side rendering.

Avatar of Kent Steiner
Kent Steiner uses WebpackWebpack

Flexible building and compiling of source for browser consumption, mainly for JS, but experimenting a little with CSS (although I prefer StylusJS for CSS).

Avatar of Andrew Gatenby
Andrew Gatenby uses WebpackWebpack

We use this to optimise the delivery of the client-side for our revised Admin System, so it's able to be delivered to browsers as efficiently as possible.

Avatar of Cameron Drake
Cameron Drake uses WebpackWebpack

Webpack compiles files to bundles with source maps. Using Webpack you can use the latest features (ES6) and have it compiled to compliant js.

Avatar of Nate Ferrell
Nate Ferrell uses Travis CITravis CI

Travis CI is critical for Linux and macOS CI tests for the Powershell module. Travis runs the same tests we run in AppVeyor in parallel.

Avatar of Andrew Williams
Andrew Williams uses Travis CITravis CI

To ensure that what works locally will also work for someone else. Also used to send code coverage to codeintel

How much does Travis CI cost?
How much does Webpack cost?
Pricing unavailable