Add support for complex config options

[lukasgeiter]

This PR add's a second method for passing config parameters to loader. Specifying them in the webpack configuration. This is necessary in order to be able to pass more complex arguments to the html minifier. In my case I wanted to specify ignoreCustomFragments, which is an array containing regexes. This is currently not possible within a simple query string.

If this gets merged, developers will be able to specify the loader options like this:

// ...
htmlLoader: {
ignoreCustomFragments: [/\{\{.*?}}/]
}
// ... 

The property name can be configured via query, it defaults to htmlLoader

html?config=htmlLoaderSuperSpecialConfig

[jhnns]

Looks good, thank you 👍

I would bet that I've seen this getLoaderConfig function before... 😉

[jhnns]

Shipped with 0.4.3

[lukasgeiter]

Cool! 👍
And yes, you caught me... It's inspired (read copied) by the function used in sass-loader 😉

[jhnns]

We should probably unify that:
webpack/loader-utils#23

[lukasgeiter]

Good idea 👍

[luyixin]

Cool

[duenyang]

module:{}
htmlLoader: {
ignoreCustomFragments: [/\{\{.*?}}/],
root: path.resolve(__dirname, 'assets'),
attrs: ['img:src', 'link:href']
}

it's not ok, For loader options: webpack 2 no longer allows custom properties in configuration.
Loaders should be updated to allow passing options via loader options in module.rules.
Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:

plugins: [
new webpack.LoaderOptionsPlugin({
// test: /\.xxx$/, // may apply this only for some modules
options: {
htmlLoader: ...
}
})
]

[BertieGo]

Hi，now I got a problem，I have code like this：
${ require('html-loader!./common/progress.html') }

and I want to insert var into progress.html so I can decide some elements in progress.html show/hide ，
cloud I suppose like that:
${ require('html-loader?var!./common/progress.html') }
and in progress.html：
<% if var <div>...</div> =%>

[wdapp]

你好，我想问一下，如果我的html模板增加了 script标签，如何配置html-loader可以让script标签内的js代码不被字符串化，可以被解析成javascript代码呢