Vanilla-JavaScript-boilerplate-springboot

A MPA (Multi Page Application) boilerplate of Vanilla-JavaScript, SCSS with Webpack 5 with Springboot.

Environment

• Visual Studio Code
• node v12

Create development environment

1. Install Visual Studio Code (Version: 1.4)

2. Install npm packages

• Check the node version as follows. Maybe use nvm and install node v12 would be more convenient.

node -v
v12.16.3

Then install npm packages:

npm i

The build js/scss as follows:

npm run build

3. Start local development environment

• Open this project with vscode and press on F5 on your keyboard. Then this app should be working on: http://localhost:8080

4. Build commands

• There are 3 build commands.

npm run build
npm run build:production
npm run watch

5. Add html pages

• Add new html page under src/main/resources/templates directory, then add new entry on webpack.common.js.

• Auto format setting is writtem on settings.json in .vscode.

6. Browser compatibility

• Compatibility can be configured on .browserslistrc. Most browsers should be covered with current configuration.
• babel(JavaScript), postcss-loader(css), .browserslistrc converts js/css codes to support backward compatibility.