Nuxt/lib/builder/webpack/loaders/lodash-loader.mjs

42 lines
1.5 KiB
JavaScript
Raw Normal View History

2018-03-22 09:11:16 +00:00
import _ from 'lodash'
import loaderUtils from 'loader-utils'
export default function (source) {
if (this.cacheable) {
this.cacheable()
}
// Skip .js files
if (/\.js$/.test(this.resourcePath)) {
return source
}
// 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 + ')();' +
'}'
};