Template and Example using Webpack to build a FEND Browser App (with HTML/CSS/JS and Image files).
Demo:
Node v12+ and npm
See package.json(github) for full list of current dependencies
How to use this template to create a basic Frontend Application:
src/
@svg()
using custom svg-pre-loadersrc/example/
directory)
src/
and import in javascript
npm run start-watch
to compile and run dev server + tests in watch mode
npm run start-dev
to run the dev server and reload on changesnpm run start-watch
to run Karma + Mocha and watch for changes while also opening the Webpack dev server that will recompile the project and reload the webpage on file changes on http://localhost:3030
npm run test-watch
to run Karma + Mocha and all of the tests associated with the project and watch for changes on the files to re-run the tests
npm run dev-watch
to run the only webpack development server and watch for changes on the files to reload
npm run test-dev
to start the unit test runner for debugging unit tests in the browser
npm run test
to run all of the unit tests for the application one time
npm run lint
to run the linter on src directory
npm run build
compile application to public directory
npm run doc
to generate static documentation in the doc folder
npm run doc-image
to update sourcemap image and static documentation in the doc folder
TODO
npm run build-prod
... TODO: create prod config
npm run clean
... TODO: clean the workspace
npm run start
start production
npm run stop
stop production
npm run restart
(should work after start/stop setup)