cache-loader
cache-loader
Caches the result of following loaders on disk
Install
npm install --save-dev cache-loader
Usage
Add this loader in front of other (expensive) loaders to cache the result on disk.
webpack.config.js
module.exports = { module: { rules: [ { test: /\.ext$/, use: [ 'cache-loader', ...loaders ], include: path.resolve('src') } ] } }
⚠️ Note that there is an overhead for saving the reading and saving the cache file, so only use this loader to cache expensive loaders.
Options
Name | Type | Default | Description |
---|---|---|---|
cacheDirectory |
{String} |
path.resolve('.cache-loader') |
Provide a cache directory where cache items should be stored |
Examples
webpack.config.js
module.exports = { module: { rules: [ { test: /\.js$/, use: [ 'cache-loader', 'babel-loader' ], include: path.resolve('src') } ] } }
Options
webpack.config.js
module.exports = { module: { rules: [ { test: /\.js$/, use: [ { loader: 'cache-loader', options: { cacheDirectory: path.resolve('.cache') } }, 'babel-loader' ], include: path.resolve('src') } ] } }
© JS Foundation and other contributors
Licensed under the Creative Commons Attribution License 4.0.
https://webpack.js.org/loaders/cache-loader