A webpack plugin to remove unwanted files which may have been created and output due to multiple entry points
When using ExtractTextPlugin, it's not possible to generate a css file for each chunk webpack outputs, if you're using code splitting.
The only possible way to do this is to have an entry point for each top level css / less / scss file, however this will create small js files with empty webpack functions in them, which are undesirable.
This plugin removes files which are under a certain byte size, after everything has been compiled and output. It can also remove these files from your manifest.json
file if you are using the webpack manifest plugin or something similar to it.
Install using npm
or yarn
npm install webpack-extraneous-file-cleanup-plugin --save-dev
yarn add webpack-extraneous-file-cleanup-plugin --dev
In your webpack.config.js
file:
const ExtraneousFileCleanupPlugin = require('webpack-extraneous-file-cleanup-plugin');
module.exports = {
...
plugins: [
new ExtraneousFileCleanupPlugin(opts)
]
}
new ExtraneousFileCleanupPlugin({
extensions: ['.js']
})
The ExtraneousFileCleanupPlugin accepts an object of options with the following attributes:
new ExtraneousFileCleanupPlugin({
extensions: ['.extensions', '.to', '.whitelist'],
minBytes: 1024,
manifestJsonName: 'manifest.json',
paths: ['/dist/removeFromThisPath']
})
extensions
- a list of extensions we're allowed to analyze for their file size. Useful for not removing small.js.map
files, or small.css
files. Defaults to analyzing all file types.minBytes
- the minimum byte size a file has to meet to not be deleted. Defaults to 1024 bytes.manifestJsonName
- if you're outputting amanifest.json
file, this plugin will also remove deleted files from the manifest. Defaults tomanifest.json
- paths - an array of strings to specify which if any paths you want to limit the searching to. If this is defined, files will only be removed from those paths.