Project Setup

1. Clone the project and submodules:

git clone https://github.com/sangafabrice/rollup-plugin-minify-template-dev . --recurse-submodules

2. Install the packages:

npm install --global npm-check-updates
npm install

3. Install Live Preview, Prettier, and ESLint on VS Code:

code --install-extension ms-vscode.live-server
code --install-extension esbenp.prettier-vscode
code --install-extension dbaeumer.vscode-eslint

4. Generate devtools config to open the project in browser Source pane:

npm run devtools:gen

5. Download images for demo and build self-contained web component:

npm run download:images
npm start

6. Start default server:

Open a file in the server root folder like index.html and press Ctrl+Shift+P and choose Live Preview: Start Server Logging.

7. JSONC scripts file processing

Open the package.scripts.json and press Ctrl+K M to select the language of the file, then type JSON with Comments (jsonc) to disable comments validation. To make it permanent, run the command below:

npm run vscode:settings

To strip comments using breakpoint, start the script setup/npmc.ps1 which inserts the scripts in the package.json file from the adjacent package.scripts.json when it exists:

setup/npmc.ps1