chore: add example CSS effect - rounded text background

Author: webdiscus

examples/bootstrap/package.json

@@ -8,9 +8,8 @@
     "startCommand": "npm start"
   },
   "scripts": {
-    "start": "webpack serve",
-    "build": "webpack build --mode=production",
-    "test": "npm run build"
+    "start": "webpack serve --mode development",
+    "build": "webpack --mode production --progress"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",

examples/bootstrap/webpack.config.js

@@ -3,8 +3,6 @@ const autoprefixer = require('autoprefixer');
 const HtmlBundlerPlugin = require('html-bundler-webpack-plugin');
 
 module.exports = {
-  mode: 'development',
-
   output: {
     path: path.resolve(__dirname, 'dist'),
     clean: true,

examples/css-effect-rounded-text-bg/README.md

@@ -0,0 +1,17 @@
+# CSS effect: rounded text background
+
+Use the [HTML Builder Plugin](https://github.com/webdiscus/html-bundler-webpack-plugin) for Webpack
+to compile and bundle source Sass and JavaScript in HTML.
+
+## View and edit in browser
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/css-effect-rouded-background?file=src%2Fscss%2Fstyles.scss&terminal=build,start)
+
+## How to use
+
+```sh
+git clone https://github.com/webdiscus/html-bundler-webpack-plugin.git
+cd examples/css-effect-rounded-text-bg/
+npm install
+npm start
+```