- chore: up version for npm after PR with suppoerts for TS

Author: webdiscus

CHANGELOG.md

@@ -1,86 +1,90 @@
-## 0.8.0 (2022-04-01) The last stable version
-- added new option `remove` to define custom RegExp for generated assets that must be removed
-- update packages
+## 0.8.1 (2022-06-14)
+- fix: add supports for TypeScript
+- chore: update packages
+- docs: update readme
+
+## 0.8.0 (2022-04-01)
+- feat: added new option `remove` to define custom RegExp for generated assets that must be removed
+- chore: update packages
 
 ## 0.7.3 (2022-01-30)
 - added color verbose output via ANSI color library - ansis
 - added the test case for styles imported from javascript 
 
 ## 0.7.2 (2021-12-13)
-- added new option `enable` to enable / disable the plugin, e.g. by development
-- added supports of `RegExp` for option `extensions`
-- remove deprecated option `silent`, use `verbose` to show process information (no braking change)
-- added GitHub workflow + codecov
-- update packages
-- update readme
+- feat: added new option `enable` to enable / disable the plugin, e.g. by development
+- feat: added supports of `RegExp` for option `extensions`
+- chore: remove deprecated option `silent`, use `verbose` to show process information (no braking change)
+- chore: add GitHub workflow + codecov
+- chore: update packages
+- docs: update readme
 
 ## 0.7.1 (2021-01-14)
-### Bugfixes
-- fix the issue infinite recursion by collect of resources from dependency modules by usage in react app some big components with many thousands dependencies
+- fix: the issue infinite recursion by collect of resources from dependency modules by usage in react app some big components with many thousands dependencies
 
 ## 0.7.0 (2020-12-21)
-### Breaking change
-- deprecate the `silent` option, it will be removed on Juni 30, 2021. Use option `verbose: true` to show in console each removed empty file. Defaults, `verbose: false`.
-
-### Bugfixes
-- fix issue `Maximum call stack size exceeded` in all cases, for example, by usage the webpack setting `optimization.concatenateModules: true` and:
+- chore: deprecate the `silent` option, it will be removed on Juni 30, 2021. Use option `verbose: true` to show in console each removed empty file. 
+  Defaults, `verbose: false`.
+- fix: issue `Maximum call stack size exceeded` in all cases, for example, by usage the webpack setting `optimization.concatenateModules: true` and:
   - import react
   - import redux
   - webpack setting `externals.jquery: 'jQuery'` or other external libs
-- The issue if first in webpack entries are a styles and then a scripts.
+- fix: the issue if first in webpack entries are a styles and then a scripts
 
 ## 0.6.4 (2020-12-19)
-- fix the error: `Maximum call stack size exceeded` with webpack setting `optimization.concatenateModules: true`and usage in script imports from `react` and `redux`
-- added the test case for single style without a scripts in webpack config
-- added silent mode in tests to suppress output log info in the console
-- improve the option `ignore`:   
+- feat: improve the option `ignore`:   
   - it can be the array of string or RegExp
   - added default value of `ignore` as `['/node_modules/']` to ignore resources from `node_modules` path
-- update npm packages.
+- fix: the error: `Maximum call stack size exceeded` with webpack setting `optimization.concatenateModules: true`and usage in script imports from `react` and `redux`
+- test: added the test case for single style without a scripts in webpack config
+- test: added silent mode in tests to suppress output log info in the console
+- chore: update packages
 
 ## 0.6.3 (2020-10-25)
-- fix BREAKING CHANGE in Webpack 5: no more changes should happen to `Compilation.assets`
-- update code accord new API
+- fix: BREAKING CHANGE in Webpack 5: no more changes should happen to `Compilation.assets`
+- refactor: update code according Webpack 5 API
 
 ## 0.6.2 (2020-10-24)
-Update npm packages.
+- chore: update packages
 
 ## 0.6.1 (2020-10-20)
-The fork of original [webpack-fix-style-only-entries](https://github.com/fqborges/webpack-fix-style-only-entries) (ver. 0.6.0) for support only Webpack 5 and above. 
-The Webpack 4 is no longer supported.
+- The fork of original [webpack-fix-style-only-entries](https://github.com/fqborges/webpack-fix-style-only-entries) (ver. 0.6.0) for support only Webpack 5 and above. 
+  The Webpack 4 is no longer supported.
 
 ### The changes from original version 0.6.0: 
 
-- feature: considers the use hash after the  .js and .mjs extension in file format like `.js?[hash]` or `.mjs?[hash]`. 
-The idea and requirement belong to [MatiasMorici](https://github.com/MatiasMorici) from [PR](https://github.com/fqborges/webpack-fix-style-only-entries/pull/27/commits/57eeecbcb85926578770c3845465e4012b02a196) 
-- In Webpack 5 fixed deprecation messages:
+- feat: considers the use hash after the .js and .mjs extension in file format like `.js?[hash]` or `.mjs?[hash]`. 
+  The idea and requirement belong to [MatiasMorici](https://github.com/MatiasMorici) from [PR](https://github.com/fqborges/webpack-fix-style-only-entries/pull/27/commits/57eeecbcb85926578770c3845465e4012b02a196) 
+- fix: in Webpack 5 fixed deprecation messages:
     - DEP_WEBPACK_CHUNK_HAS_ENTRY_MODULE
     - DEP_WEBPACK_CHUNK_ENTRY_MODULE
     - DEP_WEBPACK_DEPRECATION_ARRAY_TO_SET
     - DEP_WEBPACK_MODULE_INDEX
 
-- update all packages for Webpack 5.
-- fix integration test script for using with Webpack 5.
-- fix a BUG of `terser-webpack-plugin` (generate the futile file `vendor.js.LICENSE.txt`) in the production test `vendor+multi-js-entry-css-entry`.
-- fix module structure in README.md.
+- fix: integration test script for using with Webpack 5
+- fix: issue using `terser-webpack-plugin` is generated the needless file `vendor.js.LICENSE.txt` in the production test `vendor+multi-js-entry-css-entry`
+- docs: corrected module structure in README.md
+- chore: update packages
 
 ## 0.6.0 (Oct 13, 2020)
-Being overly careful here, this version is not breaking for almost all the existing users. It could possibly break in some edge cases, since it changes how modules are collected (from global to one each compilation) or if you have a workaround for a working webpack multi configuration.
-- BREAKING (POSSIBLY): Use a dedicated cache for every compilation (Prevent arbitrary files deletion when using Webpack with multi configurations) (PR [#39](https://github.com/fqborges/webpack-fix-style-only-entries/pull/39))
+Being overly careful here, this version is not breaking for almost all the existing users. 
+It could possibly break in some edge cases, since it changes how modules are collected (from global to one each compilation) 
+or if you have a workaround for a working webpack multi configuration.
+- BREAKING POSSIBLY: Use a dedicated cache for every compilation (Prevent arbitrary files deletion when using Webpack with multi configurations) (PR [#39](https://github.com/fqborges/webpack-fix-style-only-entries/pull/39))
 
 ## 0.5.2 (Oct 07, 2020)
- - supports Webpack 5 using ModuleGraph API (PR [#38](https://github.com/fqborges/webpack-fix-style-only-entries/pull/38))
- - npm audit fix: ([ea9dd7](https://github.com/fqborges/webpack-fix-style-only-entries/commit/ea9dd7bd7ade5b16623064a4850de39545e1e18e))
+ - feat: supports Webpack 5 using ModuleGraph API (PR [#38](https://github.com/fqborges/webpack-fix-style-only-entries/pull/38))
+ - chore: npm audit fix: ([ea9dd7](https://github.com/fqborges/webpack-fix-style-only-entries/commit/ea9dd7bd7ade5b16623064a4850de39545e1e18e))
 
 ## 0.5.1 (Jun 13, 2020)
- - fix Maximum call stack size exceeded (PR [#34](https://github.com/fqborges/webpack-fix-style-only-entries/pull/34))
- - added CHANGELOG ([3e3767](https://github.com/fqborges/webpack-fix-style-only-entries/commit/3e3767d8998a53d807b5d5b10643d05b800aa79a))
+ - fix: Maximum call stack size exceeded (PR [#34](https://github.com/fqborges/webpack-fix-style-only-entries/pull/34))
+ - chore: add CHANGELOG ([3e3767](https://github.com/fqborges/webpack-fix-style-only-entries/commit/3e3767d8998a53d807b5d5b10643d05b800aa79a))
 
 ## 0.5.0 (May 18, 2020)
- - fix for [#23](https://github.com/fqborges/webpack-fix-style-only-entries/issues/23) ([37d350](https://github.com/fqborges/webpack-fix-style-only-entries/commit/37d350eec83f49c0b12729a93aa6cf2f96d92d0b))
- - fix for [#24](https://github.com/fqborges/webpack-fix-style-only-entries/issues/24) ([d92bec](https://github.com/fqborges/webpack-fix-style-only-entries/commit/d92bec4be5fe4b97a8651a9206fa2281ce1424be))
- - BREAKING: added styl and sass to default extensions ([247a5c](https://github.com/fqborges/webpack-fix-style-only-entries/commit/247a5c9f963e4d7598539056ab3f709b0558b4ec))
- - added LICENSE.txt ([220e20](https://github.com/fqborges/webpack-fix-style-only-entries/commit/220e20eeb9bc95652a942812a424aadd92ec7d1f))
+ - BREAKING CHANGE: added styl and sass to default extensions ([247a5c](https://github.com/fqborges/webpack-fix-style-only-entries/commit/247a5c9f963e4d7598539056ab3f709b0558b4ec))
+ - fix: for [#23](https://github.com/fqborges/webpack-fix-style-only-entries/issues/23) ([37d350](https://github.com/fqborges/webpack-fix-style-only-entries/commit/37d350eec83f49c0b12729a93aa6cf2f96d92d0b))
+ - fix: for [#24](https://github.com/fqborges/webpack-fix-style-only-entries/issues/24) ([d92bec](https://github.com/fqborges/webpack-fix-style-only-entries/commit/d92bec4be5fe4b97a8651a9206fa2281ce1424be))
+ - chore: add LICENSE.txt ([220e20](https://github.com/fqborges/webpack-fix-style-only-entries/commit/220e20eeb9bc95652a942812a424aadd92ec7d1f))
 
 ## 0.4.0 (Sep 8, 2019)
  - feat: add support for module js files (PR [#21](https://github.com/fqborges/webpack-fix-style-only-entries/pull/21))

README.md

@@ -1,4 +1,4 @@
-[![npm](https://img.shields.io/npm/v/webpack-remove-empty-scripts/latest?logo=npm&color=brightgreen "npm package")](https://www.npmjs.com/package/webpack-remove-empty-scripts/v/0.8.0)
+[![npm](https://img.shields.io/npm/v/webpack-remove-empty-scripts/latest?logo=npm&color=brightgreen "npm package")](https://www.npmjs.com/package/webpack-remove-empty-scripts/v/0.8.1)
 [![node](https://img.shields.io/node/v/webpack-remove-empty-scripts)](https://nodejs.org)
 [![node](https://img.shields.io/github/package-json/dependency-version/webdiscus/webpack-remove-empty-scripts/peer/webpack)](https://webpack.js.org/)
 [![codecov](https://codecov.io/gh/webdiscus/webpack-remove-empty-scripts/branch/master/graph/badge.svg)](https://codecov.io/gh/webdiscus/webpack-remove-empty-scripts)
@@ -39,49 +39,58 @@ You can find more info by the following issues:
  - [extract-text-webpack-plugin issue](https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/518)
  - [mini-css-extract-plugin issue](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/151)
 
-## NEW
-> The `experimental` version `^1.x.x` has **_new improved and fast algorithm_** to detect generated needless empty js files.\
-> Please test your project before using it in production.\
-> If you have a problem with the new version, please create a [new issue](https://github.com/webdiscus/webpack-remove-empty-scripts/issues). 
-
-> :warning: The last stable release is `0.8.0` in the branch [`master`](https://github.com/webdiscus/webpack-remove-empty-scripts/tree/master).
-
-## Propose
-If you use the `mini-css-extract-plugin` only to extract `css` files from styles defined in webpack entry 
-like `scss` `sass` `less` `stylus` then try to use **new entry extract plugin** - [pug-plugin](https://github.com/webdiscus/pug-plugin).
+---
 
-The `pug-plugin`:
+## Usage with Pug
 
-- extract HTML and CSS from `pug` `html` `scss` resources defined in `webpack entry`
-- doesn't need any fix plugins like `webpack-remove-empty-scripts`, because it doesn't generate empty `js` files
-- is very flexible and fast
+If you use Pug with this plugin, then you should use the [pug-plugin](https://github.com/webdiscus/pug-plugin).<br>
+Pug plugin enable using Pug files directly in webpack entry.<br>
+Pug plugin extract JavaScript and CSS from sources used in Pug.
 
-Improve performance with `pug-plugin`. Using the `pug-plugin` for `pug` `html` `scss` etc in the `webpack entry` no longer requires additional plugins such as:
-- [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
-- [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin)
-- [webpack-remove-empty-scripts](https://github.com/webdiscus/webpack-remove-empty-scripts) (bug fix plugins for `mini-css-extract-plugin`)
-- [pug-loader](https://github.com/webdiscus/pug-loader) (this loader is already included in the `pug-plugin`)
+> 💡Using `pug-plugin` the entry-point is the Pug template, not a JS file.
 
-For example, `webpack.config.js`
+Define Pug files in webpack entry:
 ```js
 const PugPlugin = require('pug-plugin');
 module.exports = {
   entry: {
-    'main': 'main.js',
-    'styles': 'styles.scss',
-    'index': 'index.html', // now is possible define HTML file in entry
-    'page01': 'page01.pug', // now is possible define PUG file in entry
-    // ...
+    // all sources of scripts and styles can be used directly in Pug
+    // here should be defined Pug templates only
+    index: './src/views/index.pug',      // output index.html
+    about: './src/views/about/index.pug' // output about.html
+    // ..
   },
   plugins: [
-    new PugPlugin(), // supports zero config using default webpack output options 
-  ]
+    // enable using Pug files in webpack entry
+    new PugPlugin({
+      modules: [
+        // enable extract CSS from source of styles used in Pug
+        PugPlugin.extractCss({
+          // output filename of styles
+          filename: 'assets/css/[name].[contenthash:8].css',
+        }),
+      ],
+    }),
+  ],
   // ...
 };
 ```
-> The plugin can be used not only for `pug` but also for simply extracting `HTML` or `CSS` from  `webpack entry`, independent of pug usage.
+Use source files of styles and scripts directly in Pug:
+```pug
+link(href=require('./styles.scss') rel='stylesheet')
+script(src=require('./main.js'))
+```
+Generated HTML contains hashed CSS and JS output filenames:
+```html
+<link href="/assets/css/styles.05e4dd86.css" rel="stylesheet">
+<script src="/assets/js/main.f4b855d8.js"></script>
+```
 
-For more examples see the [pug-plugin](https://github.com/webdiscus/pug-plugin).
+You don't need anymore to use `html-webpack-plugin` `mini-css-extract-plugin` `webpack-remove-empty-scripts` and `pug-loader`.
+The single `pug-plugin` replaces all most used functions of these plugins and loaders.
+Keep your webpack config clear and clean.
+
+---
 
 ## Install
 ```console
@@ -199,6 +208,15 @@ new RemoveEmptyScriptsPlugin({
 `npm run test` will run the unit and integration tests.\
 `npm run test:coverage` will run the tests with coverage.
 
+## New experimental version
+
+> The `experimental` version `^1.x.x` has **_new improved and fast algorithm_** to detect generated needless empty js files.\
+> Please test your project before using it in production.\
+> If you have a problem with the new version, please create a [new issue](https://github.com/webdiscus/webpack-remove-empty-scripts/issues).
+
+> ⚠️ The last stable release is `0.8.x` in the branch [`master`](https://github.com/webdiscus/webpack-remove-empty-scripts/tree/master).
+
+
 ## Also See
 
 - more examples of usages see in [test cases](https://github.com/webdiscus/webpack-remove-empty-scripts/tree/master/test/cases)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-remove-empty-scripts",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Webpack 5 plugin to remove empty scripts generated by usage only style in webpack entry.",
   "keywords": [
     "webpack",
@@ -65,21 +65,21 @@
     "webpack": ">=5.32.0"
   },
   "dependencies": {
-    "ansis": "^1.3.4"
+    "ansis": "^1.3.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
-    "@babel/preset-env": "^7.16.11",
-    "@types/jest": "^27.4.1",
+    "@babel/core": "^7.18.5",
+    "@babel/preset-env": "^7.18.2",
+    "@types/jest": "^28.1.1",
     "css-loader": "^6.7.1",
     "fs": "^0.0.1-security",
     "html-loader": "^3.1.0",
-    "jest": "^27.5.1",
+    "jest": "^28.1.1",
     "mini-css-extract-plugin": "^2.6.0",
-    "moment": "^2.29.1",
+    "moment": "^2.29.3",
     "rimraf": "^3.0.2",
-    "terser-webpack-plugin": "^5.3.1",
-    "webpack": "^5.70.0",
+    "terser-webpack-plugin": "^5.3.3",
+    "webpack": "^5.73.0",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-merge": "^5.8.0"
   }