@wordpress/readable-js-assets-webpack-plugin
Version:
Generate a readable JS file for each JS asset.
47 lines (28 loc) • 2.11 kB
Markdown
# Readable JS assets WebPack Plugin
Generate a readable non-minified JS file for each `.min.js` asset.
The end result is that for each JS entrypoint, we get a set of readable and non-minimized `.js` file and a minimized `.min.js`. This allows Gutenberg to follow the WordPress convention of adding a `.min.js` suffix to minimized JS files, while still providing a readable and unminized files that play well with the WordPress i18n machinery.
Consult the [webpack website](https://webpack.js.org) for additional information on webpack concepts.
## Installation
Install the module
```bash
npm install /readable-js-assets-webpack-plugin --save-dev
```
**Note**: This package requires Node.js version with long-term support status (check [Active LTS or Maintenance LTS releases](https://nodejs.org/en/about/previous-releases)). It is not compatible with older versions.
## Usage
### Webpack
Use this plugin as you would other webpack plugins:
```js
// webpack.config.js
const ReadableJsAssetsWebpackPlugin = require( '/readable-js-assets-webpack-plugin' );
module.exports = {
// …snip
plugins: [ new ReadableJsAssetsWebpackPlugin() ],
};
```
**Note:**
- Multiple instances of the plugin are not supported and may produced unexpected results;
- It assumes your webpack pipeline is already generating a `.min.js` JS asset file for each JS entry-point.
## Contributing to this package
This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to [npm](https://www.npmjs.com/) and used by [WordPress](https://make.wordpress.org/core/) as well as other software projects.
To find out more about contributing to this package or Gutenberg as a whole, please read the project's main [contributor guide](https://github.com/WordPress/gutenberg/tree/HEAD/CONTRIBUTING.md).
<br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>