simple-lodash-template-loader
v0.0.1 lodash template lodash-template-loader webpack webpack-loader simple
simple-lodash-template-loader
Support Webpack both 4
and 5
, A loader for webpack that allows importing files as a lodash template
.
Features
- Support
Webpack
4 and 5.
Getting Started
To begin, you'll need to install simple-lodash-template-loader
:
npm install simple-lodash-template-loader --save-dev
# or
yarn add -D simple-lodash-template-loader
Then add the loader to your webpack
config. For example:
file.js
import compiled from './file.t.html'
webpack.config.js
// webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.t\.html$/i,
use: 'simple-lodash-template-loader'
}
]
}
}
Options
Name | Type | Default | Description |
---|---|---|---|
escape |
{RegExp} |
_.templateSettings.escape |
The HTML "escape" delimiter. |
evaluate |
{RegExp} |
_.templateSettings.evaluate |
The "evaluate" delimiter. |
imports |
{Object} |
_.templateSettings.imports |
An object to import into the template as free variables. |
interpolate |
{RegExp} |
_.templateSettings.interpolate |
The "interpolate" delimiter. |
sourceURL |
{string} |
'lodash.templateSources[n]' |
The sourceURL of the compiled template. |
variable |
{string} |
'obj' |
The data object variable name. |
callback |
{Fuction} |
(this: webpack.LoaderContext<LoaderOptions>,contents: string) => TemplateOptions |
callback function allow you customize your templateSettings for each lodash templete file, the return options will be merged to root options |
esModule |
{Boolean} |
false |
Uses ES modules syntax |
Tips
To support the 'esModule' option, the 'variable' option must be passed to avoid 'with' statements
in the compiled template to be strict mode compatible.
Please see https://github.com/lodash/lodash/issues/3709#issuecomment-375898111.
To enable CommonJS, please set the 'esModule' option to false (default false).