Base on style resources loader but support resolve url and relative path
\n
\n\n\n
Install
\n\n```bash\nnpm i style-resources-loader -D\n```\n\n
Usage
\n\nThis loader is a CSS processor resources loader for webpack, which injects your style resources (e.g. `variables, mixins`) into multiple imported `css, sass, scss, less, stylus` modules.\n\nIt's mainly used to\n - share your `variables, mixins, functions` across all style files, so you don't need to `@import` them manually.\n - override `variables` in style files provided by other libraries (e.g. [ant-design](https://github.com/ant-design/ant-design)) and customize your own theme.\n\n### Usage with Vue CLI\n\nSee [automatic imports](https://cli.vuejs.org/guide/css.html#automatic-imports) for more details.\n\n
\n\n|Name|Type|Default|Description|\n|:--:|:--:|:-----:|:----------|\n|**[`patterns`](#patterns)**|`string \\| string[]`|`/`|Path to the resources you would like to inject|\n|**[`injector`](#injector)**|`Injector \\| 'prepend' \\| 'append'`|`'prepend'`|Controls the resources injection precisely|\n|**[`globOptions`](#globoptions)**|`GlobOptions`|`{}`|An options that can be passed to `glob(...)`|\n|**[`resolveUrl`](#resolveurl)**|`boolean`|`true`|Enable/Disable `@import` url and `url()` to be resolved|\n\nSee [the type definition file](https://github.com/yenshih/style-resources-loader/blob/master/src/types.ts) for more details.\n\n### `patterns`\n\nA string or an array of string, which represents the path to the resources you would like to inject. If the path is relative, it would relative to [webpack context](https://webpack.js.org/configuration/entry-context/).\n\nIt supports [globbing](https://github.com/isaacs/node-glob). You could include many files using a file mask.\n\nFor example, `'./styles/*/*.less'` would include all `less` files from `variables` and `mixins` directories and ignore `reset.less` in such following structure.\n\n```\n./src <-- webpack context\n /styles\n /variables\n |-- fonts.less\n |-- colors.less\n /mixins\n |-- size.less\n |-- reset.less\n```\n\nOnly supports `.css` `.sass` `.scss` `.less` `.styl` as resources file extensions.\n\n### `injector`\n\nAn optional function which controls the resources injection precisely. It also supports `'prepend'` and `'append'` for convenience, which means the loader will prepend or append all resources to source files, respectively.\n\nIt defaults to `'prepend'`, which implements as an injector function internally.\n\nFurthermore, an injector function should match the following type signature:\n\n```ts\ntype Injector = (\n this: LoaderContext,\n source: string,\n resources: StyleResource[],\n) => string | Promise\n```\n\nIt receives two parameters:\n\n|Name|Type|Description|\n|:--:|:--:|:----------|\n|**`source`**|`string`|Content of the source file|\n|**[`resources`](#resources)**|`StyleResource[]`|Resource descriptors|\n\nIt is called with `this` context pointing to the loader context.\n\n#### `resources`\n\nAn array of resource descriptor, each contains `file` and `content` properties:\n\n|Name|Type|Description|\n|:--:|:--:|:----------|\n|**`file`**|`string`|Absolute path to the resource|\n|**`content`**|`string`|Content of the resource file|\n\nIt can be asynchronous. You could use `async / await` syntax in your own injector function or just return a promise.\n\n### `globOptions`\n\nOptions that can be passed to `glob(...)`. See [node-glob options](https://github.com/isaacs/node-glob#options) for more details.\n\n### `resolveUrl`\n\nA boolean which defaults to `true`. It represents whether the relative path in `@import` or `@require` and `url()` statements should be resolved.\n\nIf you were to use `@import` or `@require` or `url()` statements in style resource files, you should make sure that the URL is relative to that resource file, rather than the source file.\n\nYou could disable this feature by setting `resolveUrl` to `false`.\n\n