A template to create web applications on Node.js with Parcel.js as the bundler
Express as the web server with body parser to serve static resources.
- React
- ReactDOM
- ReactRouterDOM
- Bootstrap 3
- Font Awesome
- jQuery as a dependency for Bootstrap
- ES2015
- Less CSS
All you need is parcel-bundler and it takes care of almost everything implicitly.
- babel-core, babel-preset-env to transpile ES2015 scripts to regular JavaScript and bable-preset-react to transpile JSX files to regular JavaScript files that web-browsers can interpret but no babel-core!
- less to help parcel-bundler with transpilation of Less CSS into regular CSS (if you do not include this, parcel-bundle automatically adds it)
- effortless-css to provide Less CSS mixins
- eslint and babel-eslint for running ESLint to lint JavaScript files
- eslint-config-myterminal, eslint-config-airbnb, eslint-plugin-import, eslint-plugin-jsx-a11y and eslint-plugin-react to support eslint
npm run develop
to instruct parcel-bundler to build the website, keep watching for file changes within the source and reload the web-browser on every change.npm run live
to instruct parcel-bundler to build the website, keep watching for file changes within the source and reload the web-browser on every change.
In this mode, parcel-bundler also starts a web-server of its own.
Please note that Express is not the web-server in this mode and hence any web-services implemented in "src\server\index.js" will not work.npm run build
to instruct parcel-bundler to build the website and stop.npm run lint
to run ESLint on all JavaScript source files.
- Find a way to generate source-maps
- Find a way to copy favicon.ico and other data for the website
- Find a way to write and run tests