111.bae941f3adae23201801.chunk.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{372:function(n,t,a){"use strict";a.r(t),t.default='<p><a href="https://npmjs.com/package/multi-loader"><img src="https://img.shields.io/npm/v/multi-loader.svg" alt="npm"></a>\n<a href="https://nodejs.org/"><img src="https://img.shields.io/node/v/multi-loader.svg" alt="node"></a>\n<a href="https://david-dm.org/webpack-contrib/multi-loader"><img src="https://david-dm.org/webpack-contrib/multi-loader.svg" alt="deps"></a>\n<a href="https://circleci.com/gh/webpack-contrib/multi-loader"><img src="https://img.shields.io/circleci/project/github/webpack-contrib/multi-loader.svg" alt="tests"></a>\n<a href="https://gitter.im/webpack/webpack"><img src="https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg" alt="chat"></a></p>\n<p>A <code>webpack</code> loader for splitting modules and using multiple loaders. This loader\nrequires a module multiple times, each time loaded with different loaders, as\ndefined in your config.</p>\n<p><em>Note: In a multi-entry, the exports of the last item are exported.</em></p>\n<h2 id="requirements">Requirements<a href="#requirements" aria-hidden="true"><span class="icon icon-link"></span></a></h2>\n<p>This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.</p>\n<h2 id="getting-started">Getting Started<a href="#getting-started" aria-hidden="true"><span class="icon icon-link"></span></a></h2>\n<p>To begin, you\'ll need to install <code>multi-loader</code>:</p>\n<pre><code class="hljs language-console">$ npm install multi-loader --save-dev\n</code></pre>\n<p>Then add the loader to your <code>webpack</code> config. For example:</p>\n<pre><code class="hljs language-js"><span class="token comment">// webpack.config.js</span>\n<span class="token keyword">const</span> multi <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'multi-loader\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token punctuation">{</span>\n\tmodule<span class="token punctuation">:</span> <span class="token punctuation">{</span>\n\t\tloaders<span class="token punctuation">:</span> <span class="token punctuation">[</span>\n\t\t\t<span class="token punctuation">{</span>\n\t\t\t\ttest<span class="token punctuation">:</span> <span class="token regex">/\\.css$/</span><span class="token punctuation">,</span>\n\t\t\t\t<span class="token comment">// Add CSS to the DOM and return the raw content</span>\n\t\t\t\tloader<span class="token punctuation">:</span> <span class="token function">multi</span><span class="token punctuation">(</span>\n\t\t\t\t\t<span class="token string">\'style-loader!css-loader!autoprefixer-loader\'</span><span class="token punctuation">,</span>\n\t\t\t\t\t<span class="token string">\'raw-loader\'</span>\n\t\t\t\t<span class="token punctuation">)</span>\n\t\t\t<span class="token punctuation">}</span>\n\t\t<span class="token punctuation">]</span>\n\t<span class="token punctuation">}</span>\n<span class="token punctuation">}</span></code></pre>\n<p>And run <code>webpack</code> via your preferred method.</p>\n<h2 id="license">License<a href="#license" aria-hidden="true"><span class="icon icon-link"></span></a></h2>\n<h4 id="mit"><a href="https://github.com/webpack-contrib/multi-loader/blob/master/LICENSE">MIT</a><a href="#mit" aria-hidden="true"><span class="icon icon-link"></span></a></h4>\n'}}]);