asset-config-webpack-plugin

Preset for font and image webpack loader configurations

Usage no npm install needed!

<script type="module">
  import assetConfigWebpackPlugin from 'https://cdn.skypack.dev/asset-config-webpack-plugin';
</script>

README

asset-config-webpack-plugin

NPM version Build Status lerna License Commitizen friendly Prettier

Creating a webpack loader configurations can be quite time consuming.
The asset-config-webpack-plugin is part of the common-config-webpack-plugin suite which tries to provide best practices for the most common loader requirements.

Installation

npm i --save-dev asset-config-webpack-plugin

Webpack Config

The asset-config-webpack-plugin is just a small convince wrapper around the image-config-plugin and the font-config-plugin npm packages.

const AssetConfigWebpackPlugin = require('asset-config-webpack-plugin');
module.exports = {
  plugins: [new AssetConfigWebpackPlugin()],
};

For more control please use the image-config-plugin and/or the font-config-plugin instead of the asset-config-webpack-plugin.

const FontConfigWebpackPlugin = require('font-config-webpack-plugin');
const ImageConfigWebpackPlugin = require('image-config-webpack-plugin');

module.exports = {
  plugins: [
    new FontConfigWebpackPlugin(),
    new ImageConfigWebpackPlugin(),
  ],
};