@servicensw/builder

Build files to allow other packages to compile outside of the monorepository

Usage no npm install needed!

<script type="module">
  import servicenswBuilder from 'https://cdn.skypack.dev/@servicensw/builder';
</script>

README

@servicensw/builder

PostCSS and Rollup config to build all @servicensw GEL packages.

Installation

npm install @servicensw/builder --save-dev

How to use

This package allows other GEL packages to build by themselves so they can have a dist folder included with the NPM package version.

Add the following lines to the @servicensw packages package.json file, substituting:

  • cssfile with the packages CSS filename.
  • es6file with the packages ES6 filename.
  • jsfile with the output JS file name (typically the ES6 filename, without .es6).
"scripts": {
  "build:css": "NODE_ENV=production ./node_modules/.bin/postcss src/cssfile --dir dist --config ./node_modules/@servicensw/builder/postcss.config.js",
  "build:js": "NODE_ENV=production ./node_modules/.bin/rollup src/es6file --o dist/jsfile --f iife --config ./node_modules/@servicensw/builder/rollup.config.js",
  "build": "npm run build:css && npm run build:js"
}

If you have multiple CSS files, add additional src/<css file> files seperated by a space.

If you have multiple JS files, you'll need to duplicate the entire command and seperate it with && as rollup can only handle one file at a time.