Texpack is the bare-bones Express and Webpack boilerplate with ES6+ babel transpilation, ESLint linting, Hot Module Reloading, and Jest test framework enabled.
Texpack has two build modes: Development and Production.
When you run npm run buildDev, Javascript, HTML, and CSS files are unminified and not uglified, meaning that you can easily inspect them in Chrome Dev Tools. Hot Module Reloading is enabled via webpack-dev-middleware and webpack-hot-middleware.
When you run npm run buildProd, Javascript, HTML, and CSS files are all minified and uglified, and images are encoded as Base64 directly into your CSS file, which results in less calls to the server for image files.
Texpack can be deployed directly to Google App Engine Flex with the command npm run deploy. IMPORTANT: Currently app.yaml is configured to use minimal resources to save on cost, which is great for development but terrible for production. Please review and update app.yaml to suit your own needs.
git clone https://github.com/bengrunfeld/texpack.git
cd texpack
npm install
npm run buildDev // for development
// OR
npm run buildProd
npm start // navigate to localhost:8080 for local dev
npm test // runs test
npm run coverage // generates a coverage report
Please ensure that your version of Node and NPM are up to date, and run npm audit after installation to ensure that no vulnerabilities exist. If they do, follow the audits instructions on how to resolve them.