mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
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 + ')();' +
|
|
'}'
|
|
};
|