Completely updated React, fixed #11, (hopefully)

This commit is contained in:
2018-03-04 19:11:49 -05:00
parent 6e0afd6e2a
commit 34e5f5139a
13674 changed files with 333464 additions and 473223 deletions

View File

@@ -140,6 +140,7 @@ Styles are not added on `import/require()`, but instead on call to `use`/`ref`.
|**`transform`** |`{Function}`|`false`|Transform/Conditionally load CSS by passing a transform/condition function|
|**`insertAt`**|`{String\|Object}`|`bottom`|Inserts `<style></style>` at the given position|
|**`insertInto`**|`{String}`|`<head>`|Inserts `<style></style>` into the given position|
|**`singleton`**|`{Boolean}`|`undefined`|Reuses a single `<style></style>` element, instead of adding/removing individual elements for each required module.|
|**`sourceMap`**|`{Boolean}`|`false`|Enable/Disable Sourcemaps|
|**`convertToAbsoluteUrls`**|`{Boolean}`|`false`|Converts relative URLs to absolute urls, when source maps are enabled|
@@ -151,7 +152,7 @@ This could be used for non local development and production.
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
hmr: false
}
@@ -246,7 +247,7 @@ If the return value of the `transform` function is falsy, the css will not be lo
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
transform: 'path/to/transform.js'
}
@@ -268,7 +269,7 @@ module.exports = function (css) {
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
transform: 'path/to/conditional.js'
}
@@ -294,7 +295,7 @@ By default, the style-loader appends `<style>` elements to the end of the style
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
insertAt: 'top'
}
@@ -306,7 +307,7 @@ A new `<style>` element can be inserted before a specific element by passing an
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
insertAt: {
before: '#id'
@@ -322,7 +323,7 @@ You can also insert the styles into a [ShadowRoot](https://developer.mozilla.org
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
insertInto: '#host::shadow>#root'
}
@@ -331,14 +332,14 @@ You can also insert the styles into a [ShadowRoot](https://developer.mozilla.org
### `singleton`
If defined, the style-loader will reuse a single `<style>` element, instead of adding/removing individual elements for each required module.
If defined, the style-loader will reuse a single `<style></style>` element, instead of adding/removing individual elements for each required module.
> This option is on by default in IE9, which has strict limitations on the number of style tags allowed on a page. You can enable or disable it with the singleton option.
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
singleton: true
}
@@ -352,7 +353,7 @@ Enable/Disable source map loading
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
sourceMap: true
}
@@ -366,7 +367,7 @@ If convertToAbsoluteUrls and sourceMaps are both enabled, relative urls will be
**webpack.config.js**
```js
{
loader: 'style-loader'
loader: 'style-loader',
options: {
sourceMap: true,
convertToAbsoluteUrls: true