Skip to content

Initial Release
Compare
Choose a tag to compare
@onigoetz onigoetz released this 22 Dec 10:38
· 2911 commits to master since this release
v1.0.0
f4e6903

This is the first release of Crafty and all of its presets.

Instead of changes, this will be a quick overview of each package's feature.

@swissquote/crafty

  • The core package of Crafty, it gives the foundations to load presets and execute the tasks and commands created by them.
  • Contains the run, test and watch commands

Runners

@swissquote/crafty-runner-webpack

  • Bundle your JavaScript using EcmaScript 2015 imports or commonjs imports
  • Your code is Uglified after compilation.
  • Configurable output formats
  • Automatically integrates with watch mode, re-compiles your files on changes

@swissquote/crafty-runner-gulp

  • Create any gulp task
  • Combine tasks in parallel or in series
  • Create file watchers that run tasks or anything else on change.

@swissquote/crafty-runner-rollup

  • Bundle your JavaScript using EcmaScript 2015 imports or commonjs imports
  • Your code is Uglified after compilation.
  • Configurable output formats
  • Automatically integrates with watch mode, re-compiles your files on changes

Presets

@swissquote/crafty-preset-babel

  • Integrated with Webpack or Rollup or simply outputs your code file by file using Gulp
  • Uses a carefully crafted preset of babel plugins
  • Lints your code with ESLint

@swissquote/crafty-preset-images

  • Compress jpg/png/gif or svg images

@swissquote/crafty-preset-images-simple

  • Works the same as crafty-preset-images but doesn't compress images. Is meant if you build your projects behind a corporate proxy and can't download the compression binaries.

@swissquote/crafty-preset-jest

  • Configures Jest to work out of the box with crafty-preset-babel and crafty-preset-typescript
  • All jest features work the same, without special configuration

@swissquote/crafty-preset-maven

  • Automatically set the destination of your files according to maven's target works for webapps and webjars.

@swissquote/crafty-preset-polyfills

Doesn't work yet.

@swissquote/crafty-preset-postcss

  • Compiles your CSS using PostCSS with our postcss preset
  • Lints your CSS using Stylelint

@swissquote/crafty-preset-react

  • Configures Webpack for Hot Module Replacement
  • Configures Jest to easily test React components

@swissquote/crafty-preset-typescript

  • Integrates TypeScript with Webpack or Rollup or simply outputs your code file by file using Gulp
  • Lints your code using TSLint

Presets for other tools

@swissquote/babel-preset-swissquote

  • Transform EcmaScript 2015+ using babel-preset-env
  • Convert JSX to JavaScript for React
  • polyfills for async/await and generators when needed
  • Is used inside @swissquote/crafty-preset-babel

@swissquote/eslint-plugin-swissquote

  • Contains Swissquote's JavaScript Styleguide
  • Is used inside @swissquote/crafty-preset-babel

@swissquote/postcss-swissquote-preset

  • Contains Swissqute's CSS Presets
  • Transpiles CSS level 4 to valid CSS level 3
  • Understands the scss syntax and many of its features (loops, conditions, variables)
  • Embed images or get their size
  • Is used inside @swissquote/crafty-preset-postcss

@swissquote/stylelint-config-swissquote

  • Contains Swissquote's CSS styleguide and Stylelint plugins
  • Is used inside @swissquote/crafty-preset-postcss
Assets 2