Get your figlet build bundled with webpack, use figlet with webpack easily
npm install figlet-loader





Get your figlet build bundled with webpack.
``shell`
$ npm install figlet-loader --save-dev
There are three use case.
1. Using loader options.
IMPORTANT: add type: "javascript/auto" if you using webpack@4 and JSON sytax for config.
`javascriptconst content = require('figlet');
import content from "figlet"; // or
console.log(content);
`
webpack.config.js
`javascriptwebpack@4
module.exports = {
module: {
rules:
{
loader: "figlet-loader",
// ONLY FOR and JSON config`
type: "javascript/auto",
options: {
fontOptions: {
// Full list of supported options and their description can be found in [figlet.
font: "ANSI Shadow",
horizontalLayout: "default",
kerning: "default",
verticalLayout: "default"
},
textBefore: "TEXT BEFORE",
text: "ANOTHER-TEXT",
textAfter: "TEXT AFTER"
},
test: /empty-alias-file\.js$/
}
]
},
resolve: {
alias: {
// You can add comment "Please do not delete this file" in this file
figlet$: path.resolve(__dirname, "/path/to/empty-alias-file.js")
}
}
};
2. Using config file through alias (supported JavaScript and JSON syntax).
IMPORTANT: add type: "javascript/auto" if you using webpack@4 and JSON sytax for config.
`javascriptconst content = require('figlet');
import context from "figlet"; // or
console.log(content);
`
.figletrc.js
`javascript
"use strict";
module.exports = {
fontOptions: {
font: "ANSI Shadow",
horizontalLayout: "default",
kerning: "default",
verticalLayout: "default"
},
textBefore: "TEXT BEFORE",
text: "ANOTHER-TEXT-JS-RC",
textAfter: "TEXT AFTER"
};
`
webpack.config.js
`javascriptwebpack@4
module.exports = {
module: {
rules: [
{
loader: "figlet-loader",
// ONLY FOR and JSON config`
type: "javascript/auto",
test: /\.figletrc\.js$/
}
]
},
resolve: {
alias: {
figlet$: path.resolve(__dirname, "/path/to/.figletrc.js")
}
}
};
3. Using config (supported JavaScript and JSON syntax) file directly (see below example how it is use).
IMPORTANT: add type: "javascript/auto" if you using webpack@4 and JSON sytax for config.
`javascript
import content from ".figletrc.js";
console.log(content);
`
webpack.config.js
`javascriptwebpack@4
module.exports = {
module: {
rules: [
{
loader: "figlet-loader",
// ONLY FOR and JSON config`
type: "javascript/auto",
test: /\.figletrc\.js$/
}
]
}
};
Async loading:
1. Using webpack dynamic import.
`javascript`
import("figlet").then(content => console.log(content));
2. You can used bundle plugin for async loading:
`javascript
import figletLoader from "bundle?lazy!figlet";
figletLoader(content => console.log(content));
``
* figlet - API for this module
Feel free to push your code if you agree with publishing under the MIT license.