2018-04-02 08:42:08 +00:00
|
|
|
import _ from 'lodash'
|
|
|
|
import loaderUtils from 'loader-utils'
|
2018-03-22 09:11:16 +00:00
|
|
|
|
2018-04-02 08:42:08 +00:00
|
|
|
export default function loader(source) {
|
2018-03-22 09:11:16 +00:00
|
|
|
if (this.cacheable) {
|
|
|
|
this.cacheable()
|
|
|
|
}
|
|
|
|
|
|
|
|
// The following part renders the tempalte with lodash as aminimalistic loader
|
|
|
|
//
|
|
|
|
// Get templating options
|
|
|
|
const options = this.query !== '' ? loaderUtils.parseQuery(this.query) : {}
|
|
|
|
// Webpack 2 does not allow with() statements, which lodash templates use to unwrap
|
|
|
|
// the parameters passed to the compiled template inside the scope. We therefore
|
|
|
|
// need to unwrap them ourselves here. This is essentially what lodash does internally
|
|
|
|
// To tell lodash it should not use with we set a variable
|
|
|
|
const template = _.template(source, _.defaults(options, { variable: 'data' }))
|
|
|
|
// All templateVariables which should be available
|
|
|
|
// @see HtmlWebpackPlugin.prototype.executeTemplate
|
|
|
|
const templateVariables = [
|
|
|
|
'compilation',
|
|
|
|
'webpack',
|
|
|
|
'webpackConfig',
|
|
|
|
'htmlWebpackPlugin'
|
|
|
|
]
|
|
|
|
return 'var _ = require(' + loaderUtils.stringifyRequest(this, require.resolve('lodash')) + ');' +
|
|
|
|
'module.exports = function (templateParams) {' +
|
|
|
|
// Declare the template variables in the outer scope of the
|
|
|
|
// lodash template to unwrap them
|
|
|
|
templateVariables.map(function (variableName) {
|
|
|
|
return 'var ' + variableName + ' = templateParams.' + variableName
|
|
|
|
}).join(';') + ';' +
|
|
|
|
// Execute the lodash template
|
|
|
|
'return (' + template.source + ')();' +
|
|
|
|
'}'
|
2018-03-27 22:28:17 +00:00
|
|
|
}
|