webpack-config-clickwithclark

Custom Webpack Recipes

Setup

Folder Structure MUST BE app-name/src/js/index.js

Installing from Github:

Add to package.json

 "devDependencies": {
    "webpack-config-clickwithclark": "github:clickwithclark/webpack-config-clickwithclark"
  },

Then Install it with:

npm i github:clickwithclark/webpack-config-clickwithclark -D

🚨🚨🚨 BRANCH REFERENCES WON'T WORK WITH NPM INSTALL EVEN IF AS A DEPENDENCY, IT MUST BE MANUALLY INSTALLED FROM REPO 🚨🚨🚨

Installing from npm:(Not Published Yet)

npm i -D webpack-config-clickwithclark

Usage

Inside package.json add:

"prod": "webpack-config-clickwithclark prod",
"dev": "webpack-config-clickwithclark dev",
"obf": "webpack-config-clickwithclark obf",
"umd": "webpack-config-clickwithclark umd"

Then run npm run prod or which ever recipe you prefer

OR

npx webpack-config-clickwithclark

Inspiration

Inspiration came from the way react-scripts are implemented in create-react-app. I can fork and customize react scripts for custom webpack configuration for react projects but now I can also customize webpack for non-react projects as well.