Creating a Build Pipeline for your JS, CSS and more

Review the Options

  • Visual Studio Extensions
  • npm
  • Webpack
  • Browserify
  • Rollup
  • JSPM
  • Gulp
  • Grunt
  • Broccoli
  • Brunch

Build Pipeline Options

Gain productivity with latest and greatest language features

  • Sass
  • Less
  • Stylus
  • PostCSS
    • cssnext
  • Babel
    • JSX
  • Typescript
  • Flow
  • Elm

Transpile

Broaden Browser Support

  • PostCSS
    • Autoprefixer
  • Babel
    • babel-preset-env
  • Bless
  • Browserslist
  • ESLint
  • JSHint
  • TSLint
  • CSS Lint
  • stylelint
  • Sass Lint
  • Mocha
  • Jasmine
  • QUnit
  • Tape
  • Jest
  • Ava

Catch Mistakes

  • Uglify
  • Closure Compiler
  • Clean CSS
  • CSS Nano
  • CSSO
  • Imagemin

Optimize

  • Browsersync
  • Webpack Dev Server

Develop More Smoothly

Made with Slides.com