0.5.3 • Published 4 months ago
fontello-webpack5-plugin v0.5.3
Fontello Plugin for Webpack 5
Download icon fonts to webpack build folder using Fontello.
Install
npm install fontello-webpack5-plugin html-webpack-pluginUsage
/webpack.config.js
const HTMLWebpackPlugin = require("html-webpack-plugin");
const FontelloPlugin = require("fontello-webpack5-plugin");
module.exports = {
entry: "index.js",
/* ... */
plugins: [
new FontelloPlugin({
config: require("./fontello.config.json")
/* ...options */
}),
new HTMLWebpackPlugin({
// The plugin is required for FontelloPlugin, but if you want to suppress its output, uncomment the line below.
// "filename": "/dev/null",
}),
]
}Options
new FontelloPlugin(options: Object)| Name | Type | Default | Description |
|---|---|---|---|
| config | Object | - | Configuration generated by Fontello.com. |
| className | String | "" | Base class name. Use this if your configuration doesn't have a prefix.1 |
| fonts | Array | [ "eot", "woff", "woff2", "ttf", "svg" ] | Font types supported. |
| name | String | "icons" | Module name. |
| output.css | String | "[name].css" | Css output path |
| output.font | String | "font/[name].[ext]" | Fonts output path |
| proxy | String | null | Proxy URL if you sit behind an http or https proxy, e.g. http://1.2.3.4:8080 |
1 When config.css_prefix_text is empty a base class name is required to target all icons in css. If no prefix or class name is provided base styles are not emitted.