figlet-loader
v4.0.1
Published
Get your figlet build bundled with webpack, use figlet with webpack easily
Downloads
2
Readme
figlet-loader
Get your figlet build bundled with webpack.
Install
$ npm install figlet-loader --save-dev
Usage
There are three use case.
- Using loader
options
.
IMPORTANT: add type: "javascript/auto"
if you using webpack@4
and JSON
sytax for config.
import content from "figlet"; // or `const content = require('figlet');`
console.log(content);
webpack.config.js
module.exports = {
module: {
rules: [
{
loader: "figlet-loader",
// ONLY FOR `webpack@4` and `JSON` config
type: "javascript/auto",
options: {
fontOptions: {
// Full list of supported options and their description can be found in [figlet](https://github.com/patorjk/figlet.js).
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")
}
}
};
- 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.
import context from "figlet"; // or `const content = require('figlet');`
console.log(content);
.figletrc.js
"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
module.exports = {
module: {
rules: [
{
loader: "figlet-loader",
// ONLY FOR `webpack@4` and `JSON` config
type: "javascript/auto",
test: /\.figletrc\.js$/
}
]
},
resolve: {
alias: {
figlet$: path.resolve(__dirname, "/path/to/.figletrc.js")
}
}
};
- 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.
import content from ".figletrc.js";
console.log(content);
webpack.config.js
module.exports = {
module: {
rules: [
{
loader: "figlet-loader",
// ONLY FOR `webpack@4` and `JSON` config
type: "javascript/auto",
test: /\.figletrc\.js$/
}
]
}
};
Additional Usage
Async loading:
- Using
webpack
dynamicimport
.
import("figlet").then(content => console.log(content));
- You can used bundle plugin for async loading:
import figletLoader from "bundle?lazy!figlet";
figletLoader(content => console.log(content));
Related
- figlet - API for this module
Contribution
Feel free to push your code if you agree with publishing under the MIT license.