Barte-npm-der

Awful name, great tool.

Purpose

Bartender initially started as Grunt task runner for front-end development, focusing on CSS compiling and JS concatenation.

It since has evolved to Gulp and now to pure npm and grown in size to include CSS validation, linting, and compiling, image/SVG minification, and JS validation, linting, and concatenating.

Below is a list of the tools in play with the current version of Bartender.

Plugins

Styles

• postcss-cli
  • autoprefixer
  • postcss-critical-css
  • postcss-css-properties
  • postcss-easy-import
  • postcss-nested
  • cssnano
• stylelint

Scripts

• eslint
• babel-cli

Assets

• imagemin-cli

Commands

$ npm run scripts Scripts will run eslint and babel on the JS folder.

$ npm run styles Styles runs stylelint, and if passing, the core PostCSS CLI and it's attached plugins.

$ npm run assets Runs imagemin on all image and SVG assets.

$ npm run watch Creates parallel watch tasks to watch for any changes to CSS, JS, or asset files. On change, will run the appropriate script from above.

$ npm run build Runs through scripts, styles, and assets, without the watch task.