@dpe/builder

PostCSS and Rollup config to build all @dpe component packages.

Installation

npm install @dpe/builder --save-dev

How to use

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

Add the following lines to the @dpe 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/@dpe/builder/postcss.config.js",
  "build:js": "NODE_ENV=production ./node_modules/.bin/rollup src/es6file --o dist/jsfile --f iife --config ./node_modules/@dpe/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.

Also ensure you have the necessary devDependencies:

"devDependencies": {
  "postcss-cli": "^5.0.0",
  "rollup": "^0.58.2",
  "@dpe/builder": "^1.0.0"
},

Release notes

0.0.0

• Initial files