настройка webpack
This commit is contained in:
138
node_modules/mini-css-extract-plugin/CHANGELOG.md
generated
vendored
Normal file
138
node_modules/mini-css-extract-plugin/CHANGELOG.md
generated
vendored
Normal file
@ -0,0 +1,138 @@
|
||||
# Changelog
|
||||
|
||||
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
||||
|
||||
### [0.9.0](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.8.2...v0.9.0) (2019-12-20)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* new `esModule` option ([#475](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/475)) ([596e47a](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/596e47a8aead53f9cc0e2b1e09a2c20e455e45c1))
|
||||
|
||||
### [0.8.2](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.8.1...v0.8.2) (2019-12-17)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* context for dependencies ([#474](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/474)) ([0269860](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/0269860adb0eaad477901188eea66693fedf7769))
|
||||
|
||||
### [0.8.1](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.8.0...v0.8.1) (2019-12-17)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* use filename mutated after instantiation ([#430](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/430)) ([0bacfac](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/0bacfac7ef4a06b4810fbc140875f7a038caa5bc))
|
||||
* improve warning of conflict order ([#465](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/465)) ([357d073](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/357d073bf0259f2c44e613ad4dfcbcc8354e4be3))
|
||||
* support ES module syntax ([#472](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/472)) ([2f72e1a](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/2f72e1aa267de23f121441714e88406f579e77b2))
|
||||
|
||||
## [0.8.0](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.7.0...v0.8.0) (2019-07-16)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* Add ignoreOrder option ([#422](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/422)) ([4ad3373](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/4ad3373))
|
||||
|
||||
|
||||
|
||||
## [0.7.0](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.6.0...v0.7.0) (2019-05-27)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* do not attempt to reload unrequestable urls ([#378](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/378)) ([44d00ea](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/44d00ea))
|
||||
* fix `publicPath` regression ([#384](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/384)) ([582ebfe](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/582ebfe))
|
||||
* enable using plugin without defining options ([#393](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/393)) ([a7dee8c](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/a7dee8c))
|
||||
* downgrading normalize-url ([#399](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/399)) ([0dafaf6](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/0dafaf6))
|
||||
* hmr do not crash on link without href ([#400](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/400)) ([aa9b541](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/aa9b541))
|
||||
* hmr reload with invalid link url ([#402](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/402)) ([30a19b0](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/30a19b0))
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* add `moduleFilename` option ([#381](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/381)) ([13e9cbf](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/13e9cbf))
|
||||
|
||||
|
||||
|
||||
<a name="0.6.0"></a>
|
||||
# [0.6.0](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.5.0...v0.6.0) (2019-04-10)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* added error code to chunk load Error ([#347](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/347)) ([b653641](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/b653641))
|
||||
* adding hot module reloading ([#334](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/334)) ([4ed9c5a](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/4ed9c5a))
|
||||
* publicPath can be a function ([#373](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/373)) ([7b1425a](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/7b1425a))
|
||||
|
||||
|
||||
|
||||
<a name="0.5.0"></a>
|
||||
# [0.5.0](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.5...v0.5.0) (2018-12-07)
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* add crossOriginLoading option support ([#313](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/313)) ([ffb0d87](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/ffb0d87))
|
||||
|
||||
|
||||
|
||||
<a name="0.4.5"></a>
|
||||
## [0.4.5](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.4...v0.4.5) (2018-11-21)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **index:** allow requesting failed async css files ([#292](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/292)) ([2eb0af5](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/2eb0af5))
|
||||
|
||||
|
||||
|
||||
<a name="0.4.4"></a>
|
||||
## [0.4.4](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.3...v0.4.4) (2018-10-10)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **index:** assign empty `module.id` to prevent `contenthash` from changing unnecessarily ([#284](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/284)) ([d7946d0](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/d7946d0))
|
||||
|
||||
|
||||
|
||||
<a name="0.4.3"></a>
|
||||
## [0.4.3](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.2...v0.4.3) (2018-09-18)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **loader:** pass `emitFile` to the child compilation (`loaderContext.emitFile`) ([#177](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/177)) ([18c066e](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/18c066e))
|
||||
|
||||
|
||||
|
||||
<a name="0.4.2"></a>
|
||||
## [0.4.2](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.0...v0.4.2) (2018-08-21)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* use correct order when multiple chunk groups are merged ([#246](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/246)) ([c3b363d](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/c3b363d))
|
||||
|
||||
|
||||
|
||||
<a name="0.4.1"></a>
|
||||
## [0.4.1](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.4.0...v0.4.1) (2018-06-29)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* CSS ordering with multiple entry points ([#130](https://github.com/webpack-contrib/mini-css-extract-plugin/issues/130)) ([79373eb](https://github.com/webpack-contrib/mini-css-extract-plugin/commit/79373eb))
|
||||
|
||||
|
||||
|
||||
# Change Log
|
||||
|
||||
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
||||
|
||||
x.x.x / <year>-<month>-<day>
|
||||
==================
|
||||
|
||||
* Bug fix -
|
||||
* Feature -
|
||||
* Chore -
|
||||
* Docs -
|
||||
20
node_modules/mini-css-extract-plugin/LICENSE
generated
vendored
Normal file
20
node_modules/mini-css-extract-plugin/LICENSE
generated
vendored
Normal file
@ -0,0 +1,20 @@
|
||||
Copyright JS Foundation and other contributors
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
'Software'), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
431
node_modules/mini-css-extract-plugin/README.md
generated
vendored
Normal file
431
node_modules/mini-css-extract-plugin/README.md
generated
vendored
Normal file
@ -0,0 +1,431 @@
|
||||
<div align="center">
|
||||
<!-- replace with accurate logo e.g from https://worldvectorlogo.com/ -->
|
||||
<img width="200" height="200" src="https://cdn.worldvectorlogo.com/logos/javascript.svg">
|
||||
<a href="https://webpack.js.org/">
|
||||
<img width="200" height="200" vspace="" hspace="25" src="https://cdn.rawgit.com/webpack/media/e7485eb2/logo/icon-square-big.svg">
|
||||
</a>
|
||||
<h1>mini-css-extract-plugin</h1>
|
||||
</div>
|
||||
|
||||
[![npm][npm]][npm-url]
|
||||
[![deps][deps]][deps-url]
|
||||
[![tests][tests]][tests-url]
|
||||
[![coverage][cover]][cover-url]
|
||||
[![chat][chat]][chat-url]
|
||||
|
||||
This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS. It supports On-Demand-Loading of CSS and SourceMaps.
|
||||
|
||||
It builds on top of a new webpack v4 feature (module types) and requires webpack 4 to work.
|
||||
|
||||
Compared to the extract-text-webpack-plugin:
|
||||
|
||||
- Async loading
|
||||
- No duplicate compilation (performance)
|
||||
- Easier to use
|
||||
- Specific to CSS
|
||||
|
||||
<h2 align="center">Install</h2>
|
||||
|
||||
```bash
|
||||
npm install --save-dev mini-css-extract-plugin
|
||||
```
|
||||
|
||||
<h2 align="center">Usage</h2>
|
||||
|
||||
### Configuration
|
||||
|
||||
#### `publicPath`
|
||||
|
||||
Type: `String|Function`
|
||||
Default: the `publicPath` in `webpackOptions.output`
|
||||
|
||||
Specifies a custom public path for the target file(s).
|
||||
|
||||
#### `esModule`
|
||||
|
||||
Type: `Boolean`
|
||||
Default: `false`
|
||||
|
||||
By default, `mini-css-extract-plugin` generates JS modules that use the CommonJS modules syntax.
|
||||
There are some cases in which using ES modules is beneficial, like in the case of [module concatenation](https://webpack.js.org/plugins/module-concatenation-plugin/) and [tree shaking](https://webpack.js.org/guides/tree-shaking/).
|
||||
|
||||
You can enable a ES module syntax using:
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
|
||||
module.exports = {
|
||||
plugins: [new MiniCssExtractPlugin()],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/i,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
esModule: true,
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### Minimal example
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// all options are optional
|
||||
filename: '[name].css',
|
||||
chunkFilename: '[id].css',
|
||||
ignoreOrder: false, // Enable to remove warnings about conflicting order
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
// you can specify a publicPath here
|
||||
// by default it uses publicPath in webpackOptions.output
|
||||
publicPath: '../',
|
||||
hmr: process.env.NODE_ENV === 'development',
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### `publicPath` function example
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
module.exports = {
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// both options are optional
|
||||
filename: '[name].css',
|
||||
chunkFilename: '[id].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
publicPath: (resourcePath, context) => {
|
||||
// publicPath is the relative path of the resource to the context
|
||||
// e.g. for ./css/admin/main.css the publicPath will be ../../
|
||||
// while for ./css/main.css the publicPath will be ../
|
||||
return path.relative(path.dirname(resourcePath), context) + '/';
|
||||
},
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### Advanced configuration example
|
||||
|
||||
This plugin should be used only on `production` builds without `style-loader` in the loaders chain, especially if you want to have HMR in `development`.
|
||||
|
||||
Here is an example to have both HMR in `development` and your styles extracted in a file for `production` builds.
|
||||
|
||||
(Loaders options left out for clarity, adapt accordingly to your needs.)
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
const devMode = process.env.NODE_ENV !== 'production';
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// both options are optional
|
||||
filename: devMode ? '[name].css' : '[name].[hash].css',
|
||||
chunkFilename: devMode ? '[id].css' : '[id].[hash].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.(sa|sc|c)ss$/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
hmr: process.env.NODE_ENV === 'development',
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
'sass-loader',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### Hot Module Reloading (HMR)
|
||||
|
||||
extract-mini-css-plugin supports hot reloading of actual css files in development. Some options are provided to enable HMR of both standard stylesheets and locally scoped CSS or CSS modules. Below is an example configuration of mini-css for HMR use with CSS modules.
|
||||
|
||||
While we attempt to hmr css-modules. It is not easy to perform when code-splitting with custom chunk names. `reloadAll` is an option that should only be enabled if HMR isn't working correctly. The core challenge with css-modules is that when code-split, the chunk ids can and do end up different compared to the filename.
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
module.exports = {
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// both options are optional
|
||||
filename: '[name].css',
|
||||
chunkFilename: '[id].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
// only enable hot in development
|
||||
hmr: process.env.NODE_ENV === 'development',
|
||||
// if hmr does not work, this is a forceful method.
|
||||
reloadAll: true,
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
### Minimizing For Production
|
||||
|
||||
To minify the output, use a plugin like [optimize-css-assets-webpack-plugin](https://github.com/NMFR/optimize-css-assets-webpack-plugin). Setting `optimization.minimizer` overrides the defaults provided by webpack, so make sure to also specify a JS minimizer:
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const TerserJSPlugin = require('terser-webpack-plugin');
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
|
||||
module.exports = {
|
||||
optimization: {
|
||||
minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],
|
||||
},
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
filename: '[name].css',
|
||||
chunkFilename: '[id].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [MiniCssExtractPlugin.loader, 'css-loader'],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
### Features
|
||||
|
||||
#### Using preloaded or inlined CSS
|
||||
|
||||
The runtime code detects already added CSS via `<link>` or `<style>` tag.
|
||||
This can be useful when injecting CSS on server-side for Server-Side-Rendering.
|
||||
The `href` of the `<link>` tag has to match the URL that will be used for loading the CSS chunk.
|
||||
The `data-href` attribute can be used for `<link>` and `<style>` too.
|
||||
When inlining CSS `data-href` must be used.
|
||||
|
||||
#### Extracting all CSS in a single file
|
||||
|
||||
Similar to what [extract-text-webpack-plugin](https://github.com/webpack-contrib/extract-text-webpack-plugin) does, the CSS
|
||||
can be extracted in one CSS file using `optimization.splitChunks.cacheGroups`.
|
||||
|
||||
**webpack.config.js**
|
||||
|
||||
```js
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
module.exports = {
|
||||
optimization: {
|
||||
splitChunks: {
|
||||
cacheGroups: {
|
||||
styles: {
|
||||
name: 'styles',
|
||||
test: /\.css$/,
|
||||
chunks: 'all',
|
||||
enforce: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
filename: '[name].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [MiniCssExtractPlugin.loader, 'css-loader'],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### Extracting CSS based on entry
|
||||
|
||||
You may also extract the CSS based on the webpack entry name. This is especially useful if you import routes dynamically
|
||||
but want to keep your CSS bundled according to entry. This also prevents the CSS duplication issue one had with the
|
||||
ExtractTextPlugin.
|
||||
|
||||
```javascript
|
||||
const path = require('path');
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
|
||||
function recursiveIssuer(m) {
|
||||
if (m.issuer) {
|
||||
return recursiveIssuer(m.issuer);
|
||||
} else if (m.name) {
|
||||
return m.name;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
entry: {
|
||||
foo: path.resolve(__dirname, 'src/foo'),
|
||||
bar: path.resolve(__dirname, 'src/bar'),
|
||||
},
|
||||
optimization: {
|
||||
splitChunks: {
|
||||
cacheGroups: {
|
||||
fooStyles: {
|
||||
name: 'foo',
|
||||
test: (m, c, entry = 'foo') =>
|
||||
m.constructor.name === 'CssModule' && recursiveIssuer(m) === entry,
|
||||
chunks: 'all',
|
||||
enforce: true,
|
||||
},
|
||||
barStyles: {
|
||||
name: 'bar',
|
||||
test: (m, c, entry = 'bar') =>
|
||||
m.constructor.name === 'CssModule' && recursiveIssuer(m) === entry,
|
||||
chunks: 'all',
|
||||
enforce: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin({
|
||||
filename: '[name].css',
|
||||
}),
|
||||
],
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: [MiniCssExtractPlugin.loader, 'css-loader'],
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### Module Filename Option
|
||||
|
||||
With the `moduleFilename` option you can use chunk data to customize the filename. This is particularly useful when dealing with multiple entry points and wanting to get more control out of the filename for a given entry point/chunk. In the example below, we'll use `moduleFilename` to output the generated css into a different directory.
|
||||
|
||||
```javascript
|
||||
const miniCssExtractPlugin = new MiniCssExtractPlugin({
|
||||
moduleFilename: ({ name }) => `${name.replace('/js/', '/css/')}.css`,
|
||||
});
|
||||
```
|
||||
|
||||
#### Long Term Caching
|
||||
|
||||
For long term caching use `filename: "[contenthash].css"`. Optionally add `[name]`.
|
||||
|
||||
### Remove Order Warnings
|
||||
|
||||
For projects where css ordering has been mitigated through consistent use of scoping or naming conventions, the css order warnings can be disabled by setting the ignoreOrder flag to true for the plugin.
|
||||
|
||||
```javascript
|
||||
new MiniCssExtractPlugin({
|
||||
ignoreOrder: true,
|
||||
}),
|
||||
```
|
||||
|
||||
### Media Query Plugin
|
||||
|
||||
If you'd like to extract the media queries from the extracted CSS (so mobile users don't need to load desktop or tablet specific CSS anymore) you should use one of the following plugins:
|
||||
|
||||
- [Media Query Plugin](https://github.com/SassNinja/media-query-plugin)
|
||||
- [Media Query Splitting Plugin](https://github.com/mike-diamond/media-query-splitting-plugin)
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE)
|
||||
|
||||
[npm]: https://img.shields.io/npm/v/mini-css-extract-plugin.svg
|
||||
[npm-url]: https://npmjs.com/package/mini-css-extract-plugin
|
||||
[node]: https://img.shields.io/node/v/mini-css-extract-plugin.svg
|
||||
[node-url]: https://nodejs.org
|
||||
[deps]: https://david-dm.org/webpack-contrib/mini-css-extract-plugin.svg
|
||||
[deps-url]: https://david-dm.org/webpack-contrib/mini-css-extract-plugin
|
||||
[tests]: https://dev.azure.com/webpack-contrib/mini-css-extract-plugin/_apis/build/status/webpack-contrib.mini-css-extract-plugin?branchName=master
|
||||
[tests-url]: https://dev.azure.com/webpack-contrib/mini-css-extract-plugin/_build/latest?definitionId=6&branchName=master
|
||||
[cover]: https://codecov.io/gh/webpack-contrib/mini-css-extract-plugin/branch/master/graph/badge.svg
|
||||
[cover-url]: https://codecov.io/gh/webpack-contrib/mini-css-extract-plugin
|
||||
[chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
|
||||
[chat-url]: https://gitter.im/webpack/webpack
|
||||
[size]: https://packagephobia.now.sh/badge?p=mini-css-extract-plugin
|
||||
[size-url]: https://packagephobia.now.sh/result?p=mini-css-extract-plugin
|
||||
34
node_modules/mini-css-extract-plugin/dist/CssDependency.js
generated
vendored
Normal file
34
node_modules/mini-css-extract-plugin/dist/CssDependency.js
generated
vendored
Normal file
@ -0,0 +1,34 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _webpack = _interopRequireDefault(require("webpack"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
class CssDependency extends _webpack.default.Dependency {
|
||||
constructor({
|
||||
identifier,
|
||||
content,
|
||||
media,
|
||||
sourceMap
|
||||
}, context, identifierIndex) {
|
||||
super();
|
||||
this.identifier = identifier;
|
||||
this.identifierIndex = identifierIndex;
|
||||
this.content = content;
|
||||
this.media = media;
|
||||
this.sourceMap = sourceMap;
|
||||
this.context = context;
|
||||
}
|
||||
|
||||
getResourceIdentifier() {
|
||||
return `css-module-${this.identifier}-${this.identifierIndex}`;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exports.default = CssDependency;
|
||||
3
node_modules/mini-css-extract-plugin/dist/cjs.js
generated
vendored
Normal file
3
node_modules/mini-css-extract-plugin/dist/cjs.js
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
"use strict";
|
||||
|
||||
module.exports = require('./index').default;
|
||||
211
node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js
generated
vendored
Normal file
211
node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js
generated
vendored
Normal file
@ -0,0 +1,211 @@
|
||||
"use strict";
|
||||
|
||||
/* eslint-env browser */
|
||||
|
||||
/*
|
||||
eslint-disable
|
||||
no-console,
|
||||
func-names
|
||||
*/
|
||||
var normalizeUrl = require('normalize-url');
|
||||
|
||||
var srcByModuleId = Object.create(null);
|
||||
var noDocument = typeof document === 'undefined';
|
||||
var forEach = Array.prototype.forEach;
|
||||
|
||||
function debounce(fn, time) {
|
||||
var timeout = 0;
|
||||
return function () {
|
||||
var self = this; // eslint-disable-next-line prefer-rest-params
|
||||
|
||||
var args = arguments;
|
||||
|
||||
var functionCall = function functionCall() {
|
||||
return fn.apply(self, args);
|
||||
};
|
||||
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(functionCall, time);
|
||||
};
|
||||
}
|
||||
|
||||
function noop() {}
|
||||
|
||||
function getCurrentScriptUrl(moduleId) {
|
||||
var src = srcByModuleId[moduleId];
|
||||
|
||||
if (!src) {
|
||||
if (document.currentScript) {
|
||||
src = document.currentScript.src;
|
||||
} else {
|
||||
var scripts = document.getElementsByTagName('script');
|
||||
var lastScriptTag = scripts[scripts.length - 1];
|
||||
|
||||
if (lastScriptTag) {
|
||||
src = lastScriptTag.src;
|
||||
}
|
||||
}
|
||||
|
||||
srcByModuleId[moduleId] = src;
|
||||
}
|
||||
|
||||
return function (fileMap) {
|
||||
if (!src) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var splitResult = src.split(/([^\\/]+)\.js$/);
|
||||
var filename = splitResult && splitResult[1];
|
||||
|
||||
if (!filename) {
|
||||
return [src.replace('.js', '.css')];
|
||||
}
|
||||
|
||||
if (!fileMap) {
|
||||
return [src.replace('.js', '.css')];
|
||||
}
|
||||
|
||||
return fileMap.split(',').map(function (mapRule) {
|
||||
var reg = new RegExp("".concat(filename, "\\.js$"), 'g');
|
||||
return normalizeUrl(src.replace(reg, "".concat(mapRule.replace(/{fileName}/g, filename), ".css")), {
|
||||
stripWWW: false
|
||||
});
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
function updateCss(el, url) {
|
||||
if (!url) {
|
||||
if (!el.href) {
|
||||
return;
|
||||
} // eslint-disable-next-line
|
||||
|
||||
|
||||
url = el.href.split('?')[0];
|
||||
}
|
||||
|
||||
if (!isUrlRequest(url)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (el.isLoaded === false) {
|
||||
// We seem to be about to replace a css link that hasn't loaded yet.
|
||||
// We're probably changing the same file more than once.
|
||||
return;
|
||||
}
|
||||
|
||||
if (!url || !(url.indexOf('.css') > -1)) {
|
||||
return;
|
||||
} // eslint-disable-next-line no-param-reassign
|
||||
|
||||
|
||||
el.visited = true;
|
||||
var newEl = el.cloneNode();
|
||||
newEl.isLoaded = false;
|
||||
newEl.addEventListener('load', function () {
|
||||
newEl.isLoaded = true;
|
||||
el.parentNode.removeChild(el);
|
||||
});
|
||||
newEl.addEventListener('error', function () {
|
||||
newEl.isLoaded = true;
|
||||
el.parentNode.removeChild(el);
|
||||
});
|
||||
newEl.href = "".concat(url, "?").concat(Date.now());
|
||||
|
||||
if (el.nextSibling) {
|
||||
el.parentNode.insertBefore(newEl, el.nextSibling);
|
||||
} else {
|
||||
el.parentNode.appendChild(newEl);
|
||||
}
|
||||
}
|
||||
|
||||
function getReloadUrl(href, src) {
|
||||
var ret; // eslint-disable-next-line no-param-reassign
|
||||
|
||||
href = normalizeUrl(href, {
|
||||
stripWWW: false
|
||||
}); // eslint-disable-next-line array-callback-return
|
||||
|
||||
src.some(function (url) {
|
||||
if (href.indexOf(src) > -1) {
|
||||
ret = url;
|
||||
}
|
||||
});
|
||||
return ret;
|
||||
}
|
||||
|
||||
function reloadStyle(src) {
|
||||
var elements = document.querySelectorAll('link');
|
||||
var loaded = false;
|
||||
forEach.call(elements, function (el) {
|
||||
if (!el.href) {
|
||||
return;
|
||||
}
|
||||
|
||||
var url = getReloadUrl(el.href, src);
|
||||
|
||||
if (!isUrlRequest(url)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (el.visited === true) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (url) {
|
||||
updateCss(el, url);
|
||||
loaded = true;
|
||||
}
|
||||
});
|
||||
return loaded;
|
||||
}
|
||||
|
||||
function reloadAll() {
|
||||
var elements = document.querySelectorAll('link');
|
||||
forEach.call(elements, function (el) {
|
||||
if (el.visited === true) {
|
||||
return;
|
||||
}
|
||||
|
||||
updateCss(el);
|
||||
});
|
||||
}
|
||||
|
||||
function isUrlRequest(url) {
|
||||
// An URL is not an request if
|
||||
// It is not http or https
|
||||
if (!/^https?:/i.test(url)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
module.exports = function (moduleId, options) {
|
||||
if (noDocument) {
|
||||
console.log('no window.document found, will not HMR CSS');
|
||||
return noop;
|
||||
}
|
||||
|
||||
var getScriptSrc = getCurrentScriptUrl(moduleId);
|
||||
|
||||
function update() {
|
||||
var src = getScriptSrc(options.filename);
|
||||
var reloaded = reloadStyle(src);
|
||||
|
||||
if (options.locals) {
|
||||
console.log('[HMR] Detected local css modules. Reload all css');
|
||||
reloadAll();
|
||||
return;
|
||||
}
|
||||
|
||||
if (reloaded && !options.reloadAll) {
|
||||
console.log('[HMR] css reload %s', src.join(' '));
|
||||
} else {
|
||||
console.log('[HMR] Reload all css');
|
||||
reloadAll();
|
||||
}
|
||||
}
|
||||
|
||||
return debounce(update, 50);
|
||||
};
|
||||
444
node_modules/mini-css-extract-plugin/dist/index.js
generated
vendored
Normal file
444
node_modules/mini-css-extract-plugin/dist/index.js
generated
vendored
Normal file
@ -0,0 +1,444 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _webpack = _interopRequireDefault(require("webpack"));
|
||||
|
||||
var _webpackSources = _interopRequireDefault(require("webpack-sources"));
|
||||
|
||||
var _CssDependency = _interopRequireDefault(require("./CssDependency"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* eslint-disable class-methods-use-this */
|
||||
const {
|
||||
ConcatSource,
|
||||
SourceMapSource,
|
||||
OriginalSource
|
||||
} = _webpackSources.default;
|
||||
const {
|
||||
Template,
|
||||
util: {
|
||||
createHash
|
||||
}
|
||||
} = _webpack.default;
|
||||
const MODULE_TYPE = 'css/mini-extract';
|
||||
const pluginName = 'mini-css-extract-plugin';
|
||||
const REGEXP_CHUNKHASH = /\[chunkhash(?::(\d+))?\]/i;
|
||||
const REGEXP_CONTENTHASH = /\[contenthash(?::(\d+))?\]/i;
|
||||
const REGEXP_NAME = /\[name\]/i;
|
||||
const REGEXP_PLACEHOLDERS = /\[(name|id|chunkhash)\]/g;
|
||||
const DEFAULT_FILENAME = '[name].css';
|
||||
|
||||
class CssDependencyTemplate {
|
||||
apply() {}
|
||||
|
||||
}
|
||||
|
||||
class CssModule extends _webpack.default.Module {
|
||||
constructor(dependency) {
|
||||
super(MODULE_TYPE, dependency.context);
|
||||
this.id = '';
|
||||
this._identifier = dependency.identifier;
|
||||
this._identifierIndex = dependency.identifierIndex;
|
||||
this.content = dependency.content;
|
||||
this.media = dependency.media;
|
||||
this.sourceMap = dependency.sourceMap;
|
||||
} // no source() so webpack doesn't do add stuff to the bundle
|
||||
|
||||
|
||||
size() {
|
||||
return this.content.length;
|
||||
}
|
||||
|
||||
identifier() {
|
||||
return `css ${this._identifier} ${this._identifierIndex}`;
|
||||
}
|
||||
|
||||
readableIdentifier(requestShortener) {
|
||||
return `css ${requestShortener.shorten(this._identifier)}${this._identifierIndex ? ` (${this._identifierIndex})` : ''}`;
|
||||
}
|
||||
|
||||
nameForCondition() {
|
||||
const resource = this._identifier.split('!').pop();
|
||||
|
||||
const idx = resource.indexOf('?');
|
||||
|
||||
if (idx >= 0) {
|
||||
return resource.substring(0, idx);
|
||||
}
|
||||
|
||||
return resource;
|
||||
}
|
||||
|
||||
updateCacheModule(module) {
|
||||
this.content = module.content;
|
||||
this.media = module.media;
|
||||
this.sourceMap = module.sourceMap;
|
||||
}
|
||||
|
||||
needRebuild() {
|
||||
return true;
|
||||
}
|
||||
|
||||
build(options, compilation, resolver, fileSystem, callback) {
|
||||
this.buildInfo = {};
|
||||
this.buildMeta = {};
|
||||
callback();
|
||||
}
|
||||
|
||||
updateHash(hash) {
|
||||
super.updateHash(hash);
|
||||
hash.update(this.content);
|
||||
hash.update(this.media || '');
|
||||
hash.update(this.sourceMap ? JSON.stringify(this.sourceMap) : '');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
class CssModuleFactory {
|
||||
create({
|
||||
dependencies: [dependency]
|
||||
}, callback) {
|
||||
callback(null, new CssModule(dependency));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
class MiniCssExtractPlugin {
|
||||
constructor(options = {}) {
|
||||
this.options = Object.assign({
|
||||
filename: DEFAULT_FILENAME,
|
||||
moduleFilename: () => this.options.filename || DEFAULT_FILENAME,
|
||||
ignoreOrder: false
|
||||
}, options);
|
||||
|
||||
if (!this.options.chunkFilename) {
|
||||
const {
|
||||
filename
|
||||
} = this.options; // Anything changing depending on chunk is fine
|
||||
|
||||
if (filename.match(REGEXP_PLACEHOLDERS)) {
|
||||
this.options.chunkFilename = filename;
|
||||
} else {
|
||||
// Elsewise prefix '[id].' in front of the basename to make it changing
|
||||
this.options.chunkFilename = filename.replace(/(^|\/)([^/]*(?:\?|$))/, '$1[id].$2');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
apply(compiler) {
|
||||
compiler.hooks.thisCompilation.tap(pluginName, compilation => {
|
||||
compilation.dependencyFactories.set(_CssDependency.default, new CssModuleFactory());
|
||||
compilation.dependencyTemplates.set(_CssDependency.default, new CssDependencyTemplate());
|
||||
compilation.mainTemplate.hooks.renderManifest.tap(pluginName, (result, {
|
||||
chunk
|
||||
}) => {
|
||||
const renderedModules = Array.from(chunk.modulesIterable).filter(module => module.type === MODULE_TYPE);
|
||||
|
||||
if (renderedModules.length > 0) {
|
||||
result.push({
|
||||
render: () => this.renderContentAsset(compilation, chunk, renderedModules, compilation.runtimeTemplate.requestShortener),
|
||||
filenameTemplate: ({
|
||||
chunk: chunkData
|
||||
}) => this.options.moduleFilename(chunkData),
|
||||
pathOptions: {
|
||||
chunk,
|
||||
contentHashType: MODULE_TYPE
|
||||
},
|
||||
identifier: `${pluginName}.${chunk.id}`,
|
||||
hash: chunk.contentHash[MODULE_TYPE]
|
||||
});
|
||||
}
|
||||
});
|
||||
compilation.chunkTemplate.hooks.renderManifest.tap(pluginName, (result, {
|
||||
chunk
|
||||
}) => {
|
||||
const renderedModules = Array.from(chunk.modulesIterable).filter(module => module.type === MODULE_TYPE);
|
||||
|
||||
if (renderedModules.length > 0) {
|
||||
result.push({
|
||||
render: () => this.renderContentAsset(compilation, chunk, renderedModules, compilation.runtimeTemplate.requestShortener),
|
||||
filenameTemplate: this.options.chunkFilename,
|
||||
pathOptions: {
|
||||
chunk,
|
||||
contentHashType: MODULE_TYPE
|
||||
},
|
||||
identifier: `${pluginName}.${chunk.id}`,
|
||||
hash: chunk.contentHash[MODULE_TYPE]
|
||||
});
|
||||
}
|
||||
});
|
||||
compilation.mainTemplate.hooks.hashForChunk.tap(pluginName, (hash, chunk) => {
|
||||
const {
|
||||
chunkFilename
|
||||
} = this.options;
|
||||
|
||||
if (REGEXP_CHUNKHASH.test(chunkFilename)) {
|
||||
hash.update(JSON.stringify(chunk.getChunkMaps(true).hash));
|
||||
}
|
||||
|
||||
if (REGEXP_CONTENTHASH.test(chunkFilename)) {
|
||||
hash.update(JSON.stringify(chunk.getChunkMaps(true).contentHash[MODULE_TYPE] || {}));
|
||||
}
|
||||
|
||||
if (REGEXP_NAME.test(chunkFilename)) {
|
||||
hash.update(JSON.stringify(chunk.getChunkMaps(true).name));
|
||||
}
|
||||
});
|
||||
compilation.hooks.contentHash.tap(pluginName, chunk => {
|
||||
const {
|
||||
outputOptions
|
||||
} = compilation;
|
||||
const {
|
||||
hashFunction,
|
||||
hashDigest,
|
||||
hashDigestLength
|
||||
} = outputOptions;
|
||||
const hash = createHash(hashFunction);
|
||||
|
||||
for (const m of chunk.modulesIterable) {
|
||||
if (m.type === MODULE_TYPE) {
|
||||
m.updateHash(hash);
|
||||
}
|
||||
}
|
||||
|
||||
const {
|
||||
contentHash
|
||||
} = chunk;
|
||||
contentHash[MODULE_TYPE] = hash.digest(hashDigest).substring(0, hashDigestLength);
|
||||
});
|
||||
const {
|
||||
mainTemplate
|
||||
} = compilation;
|
||||
mainTemplate.hooks.localVars.tap(pluginName, (source, chunk) => {
|
||||
const chunkMap = this.getCssChunkObject(chunk);
|
||||
|
||||
if (Object.keys(chunkMap).length > 0) {
|
||||
return Template.asString([source, '', '// object to store loaded CSS chunks', 'var installedCssChunks = {', Template.indent(chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '}']);
|
||||
}
|
||||
|
||||
return source;
|
||||
});
|
||||
mainTemplate.hooks.requireEnsure.tap(pluginName, (source, chunk, hash) => {
|
||||
const chunkMap = this.getCssChunkObject(chunk);
|
||||
|
||||
if (Object.keys(chunkMap).length > 0) {
|
||||
const chunkMaps = chunk.getChunkMaps();
|
||||
const {
|
||||
crossOriginLoading
|
||||
} = mainTemplate.outputOptions;
|
||||
const linkHrefPath = mainTemplate.getAssetPath(JSON.stringify(this.options.chunkFilename), {
|
||||
hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
|
||||
hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`,
|
||||
chunk: {
|
||||
id: '" + chunkId + "',
|
||||
hash: `" + ${JSON.stringify(chunkMaps.hash)}[chunkId] + "`,
|
||||
|
||||
hashWithLength(length) {
|
||||
const shortChunkHashMap = Object.create(null);
|
||||
|
||||
for (const chunkId of Object.keys(chunkMaps.hash)) {
|
||||
if (typeof chunkMaps.hash[chunkId] === 'string') {
|
||||
shortChunkHashMap[chunkId] = chunkMaps.hash[chunkId].substring(0, length);
|
||||
}
|
||||
}
|
||||
|
||||
return `" + ${JSON.stringify(shortChunkHashMap)}[chunkId] + "`;
|
||||
},
|
||||
|
||||
contentHash: {
|
||||
[MODULE_TYPE]: `" + ${JSON.stringify(chunkMaps.contentHash[MODULE_TYPE])}[chunkId] + "`
|
||||
},
|
||||
contentHashWithLength: {
|
||||
[MODULE_TYPE]: length => {
|
||||
const shortContentHashMap = {};
|
||||
const contentHash = chunkMaps.contentHash[MODULE_TYPE];
|
||||
|
||||
for (const chunkId of Object.keys(contentHash)) {
|
||||
if (typeof contentHash[chunkId] === 'string') {
|
||||
shortContentHashMap[chunkId] = contentHash[chunkId].substring(0, length);
|
||||
}
|
||||
}
|
||||
|
||||
return `" + ${JSON.stringify(shortContentHashMap)}[chunkId] + "`;
|
||||
}
|
||||
},
|
||||
name: `" + (${JSON.stringify(chunkMaps.name)}[chunkId]||chunkId) + "`
|
||||
},
|
||||
contentHashType: MODULE_TYPE
|
||||
});
|
||||
return Template.asString([source, '', `// ${pluginName} CSS loading`, `var cssChunks = ${JSON.stringify(chunkMap)};`, 'if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);', 'else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {', Template.indent(['promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {', Template.indent([`var href = ${linkHrefPath};`, `var fullhref = ${mainTemplate.requireFn}.p + href;`, 'var existingLinkTags = document.getElementsByTagName("link");', 'for(var i = 0; i < existingLinkTags.length; i++) {', Template.indent(['var tag = existingLinkTags[i];', 'var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");', 'if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return resolve();']), '}', 'var existingStyleTags = document.getElementsByTagName("style");', 'for(var i = 0; i < existingStyleTags.length; i++) {', Template.indent(['var tag = existingStyleTags[i];', 'var dataHref = tag.getAttribute("data-href");', 'if(dataHref === href || dataHref === fullhref) return resolve();']), '}', 'var linkTag = document.createElement("link");', 'linkTag.rel = "stylesheet";', 'linkTag.type = "text/css";', 'linkTag.onload = resolve;', 'linkTag.onerror = function(event) {', Template.indent(['var request = event && event.target && event.target.src || fullhref;', 'var err = new Error("Loading CSS chunk " + chunkId + " failed.\\n(" + request + ")");', 'err.code = "CSS_CHUNK_LOAD_FAILED";', 'err.request = request;', 'delete installedCssChunks[chunkId]', 'linkTag.parentNode.removeChild(linkTag)', 'reject(err);']), '};', 'linkTag.href = fullhref;', crossOriginLoading ? Template.asString([`if (linkTag.href.indexOf(window.location.origin + '/') !== 0) {`, Template.indent(`linkTag.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '', 'var head = document.getElementsByTagName("head")[0];', 'head.appendChild(linkTag);']), '}).then(function() {', Template.indent(['installedCssChunks[chunkId] = 0;']), '}));']), '}']);
|
||||
}
|
||||
|
||||
return source;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
getCssChunkObject(mainChunk) {
|
||||
const obj = {};
|
||||
|
||||
for (const chunk of mainChunk.getAllAsyncChunks()) {
|
||||
for (const module of chunk.modulesIterable) {
|
||||
if (module.type === MODULE_TYPE) {
|
||||
obj[chunk.id] = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return obj;
|
||||
}
|
||||
|
||||
renderContentAsset(compilation, chunk, modules, requestShortener) {
|
||||
let usedModules;
|
||||
const [chunkGroup] = chunk.groupsIterable;
|
||||
|
||||
if (typeof chunkGroup.getModuleIndex2 === 'function') {
|
||||
// Store dependencies for modules
|
||||
const moduleDependencies = new Map(modules.map(m => [m, new Set()]));
|
||||
const moduleDependenciesReasons = new Map(modules.map(m => [m, new Map()])); // Get ordered list of modules per chunk group
|
||||
// This loop also gathers dependencies from the ordered lists
|
||||
// Lists are in reverse order to allow to use Array.pop()
|
||||
|
||||
const modulesByChunkGroup = Array.from(chunk.groupsIterable, cg => {
|
||||
const sortedModules = modules.map(m => {
|
||||
return {
|
||||
module: m,
|
||||
index: cg.getModuleIndex2(m)
|
||||
};
|
||||
}) // eslint-disable-next-line no-undefined
|
||||
.filter(item => item.index !== undefined).sort((a, b) => b.index - a.index).map(item => item.module);
|
||||
|
||||
for (let i = 0; i < sortedModules.length; i++) {
|
||||
const set = moduleDependencies.get(sortedModules[i]);
|
||||
const reasons = moduleDependenciesReasons.get(sortedModules[i]);
|
||||
|
||||
for (let j = i + 1; j < sortedModules.length; j++) {
|
||||
const module = sortedModules[j];
|
||||
set.add(module);
|
||||
const reason = reasons.get(module) || new Set();
|
||||
reason.add(cg);
|
||||
reasons.set(module, reason);
|
||||
}
|
||||
}
|
||||
|
||||
return sortedModules;
|
||||
}); // set with already included modules in correct order
|
||||
|
||||
usedModules = new Set();
|
||||
|
||||
const unusedModulesFilter = m => !usedModules.has(m);
|
||||
|
||||
while (usedModules.size < modules.length) {
|
||||
let success = false;
|
||||
let bestMatch;
|
||||
let bestMatchDeps; // get first module where dependencies are fulfilled
|
||||
|
||||
for (const list of modulesByChunkGroup) {
|
||||
// skip and remove already added modules
|
||||
while (list.length > 0 && usedModules.has(list[list.length - 1])) {
|
||||
list.pop();
|
||||
} // skip empty lists
|
||||
|
||||
|
||||
if (list.length !== 0) {
|
||||
const module = list[list.length - 1];
|
||||
const deps = moduleDependencies.get(module); // determine dependencies that are not yet included
|
||||
|
||||
const failedDeps = Array.from(deps).filter(unusedModulesFilter); // store best match for fallback behavior
|
||||
|
||||
if (!bestMatchDeps || bestMatchDeps.length > failedDeps.length) {
|
||||
bestMatch = list;
|
||||
bestMatchDeps = failedDeps;
|
||||
}
|
||||
|
||||
if (failedDeps.length === 0) {
|
||||
// use this module and remove it from list
|
||||
usedModules.add(list.pop());
|
||||
success = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!success) {
|
||||
// no module found => there is a conflict
|
||||
// use list with fewest failed deps
|
||||
// and emit a warning
|
||||
const fallbackModule = bestMatch.pop();
|
||||
|
||||
if (!this.options.ignoreOrder) {
|
||||
const reasons = moduleDependenciesReasons.get(fallbackModule);
|
||||
compilation.warnings.push(new Error([`chunk ${chunk.name || chunk.id} [${pluginName}]`, 'Conflicting order. Following module has been added:', ` * ${fallbackModule.readableIdentifier(requestShortener)}`, 'despite it was not able to fulfill desired ordering with these modules:', ...bestMatchDeps.map(m => {
|
||||
const goodReasonsMap = moduleDependenciesReasons.get(m);
|
||||
const goodReasons = goodReasonsMap && goodReasonsMap.get(fallbackModule);
|
||||
const failedChunkGroups = Array.from(reasons.get(m), cg => cg.name).join(', ');
|
||||
const goodChunkGroups = goodReasons && Array.from(goodReasons, cg => cg.name).join(', ');
|
||||
return [` * ${m.readableIdentifier(requestShortener)}`, ` - couldn't fulfill desired order of chunk group(s) ${failedChunkGroups}`, goodChunkGroups && ` - while fulfilling desired order of chunk group(s) ${goodChunkGroups}`].filter(Boolean).join('\n');
|
||||
})].join('\n')));
|
||||
}
|
||||
|
||||
usedModules.add(fallbackModule);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// fallback for older webpack versions
|
||||
// (to avoid a breaking change)
|
||||
// TODO remove this in next major version
|
||||
// and increase minimum webpack version to 4.12.0
|
||||
modules.sort((a, b) => a.index2 - b.index2);
|
||||
usedModules = modules;
|
||||
}
|
||||
|
||||
const source = new ConcatSource();
|
||||
const externalsSource = new ConcatSource();
|
||||
|
||||
for (const m of usedModules) {
|
||||
if (/^@import url/.test(m.content)) {
|
||||
// HACK for IE
|
||||
// http://stackoverflow.com/a/14676665/1458162
|
||||
let {
|
||||
content
|
||||
} = m;
|
||||
|
||||
if (m.media) {
|
||||
// insert media into the @import
|
||||
// this is rar
|
||||
// TODO improve this and parse the CSS to support multiple medias
|
||||
content = content.replace(/;|\s*$/, m.media);
|
||||
}
|
||||
|
||||
externalsSource.add(content);
|
||||
externalsSource.add('\n');
|
||||
} else {
|
||||
if (m.media) {
|
||||
source.add(`@media ${m.media} {\n`);
|
||||
}
|
||||
|
||||
if (m.sourceMap) {
|
||||
source.add(new SourceMapSource(m.content, m.readableIdentifier(requestShortener), m.sourceMap));
|
||||
} else {
|
||||
source.add(new OriginalSource(m.content, m.readableIdentifier(requestShortener)));
|
||||
}
|
||||
|
||||
source.add('\n');
|
||||
|
||||
if (m.media) {
|
||||
source.add('}\n');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return new ConcatSource(externalsSource, source);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
MiniCssExtractPlugin.loader = require.resolve('./loader');
|
||||
var _default = MiniCssExtractPlugin;
|
||||
exports.default = _default;
|
||||
203
node_modules/mini-css-extract-plugin/dist/loader.js
generated
vendored
Normal file
203
node_modules/mini-css-extract-plugin/dist/loader.js
generated
vendored
Normal file
@ -0,0 +1,203 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.pitch = pitch;
|
||||
exports.default = _default;
|
||||
|
||||
var _module = _interopRequireDefault(require("module"));
|
||||
|
||||
var _path = _interopRequireDefault(require("path"));
|
||||
|
||||
var _loaderUtils = _interopRequireDefault(require("loader-utils"));
|
||||
|
||||
var _NodeTemplatePlugin = _interopRequireDefault(require("webpack/lib/node/NodeTemplatePlugin"));
|
||||
|
||||
var _NodeTargetPlugin = _interopRequireDefault(require("webpack/lib/node/NodeTargetPlugin"));
|
||||
|
||||
var _LibraryTemplatePlugin = _interopRequireDefault(require("webpack/lib/LibraryTemplatePlugin"));
|
||||
|
||||
var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntryPlugin"));
|
||||
|
||||
var _LimitChunkCountPlugin = _interopRequireDefault(require("webpack/lib/optimize/LimitChunkCountPlugin"));
|
||||
|
||||
var _schemaUtils = _interopRequireDefault(require("schema-utils"));
|
||||
|
||||
var _CssDependency = _interopRequireDefault(require("./CssDependency"));
|
||||
|
||||
var _options = _interopRequireDefault(require("./options.json"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
const pluginName = 'mini-css-extract-plugin';
|
||||
|
||||
function hotLoader(content, context) {
|
||||
const accept = context.locals ? '' : 'module.hot.accept(undefined, cssReload);';
|
||||
return `${content}
|
||||
if(module.hot) {
|
||||
// ${Date.now()}
|
||||
var cssReload = require(${_loaderUtils.default.stringifyRequest(context.context, _path.default.join(__dirname, 'hmr/hotModuleReplacement.js'))})(module.id, ${JSON.stringify(_objectSpread({}, context.options, {
|
||||
locals: !!context.locals
|
||||
}))});
|
||||
module.hot.dispose(cssReload);
|
||||
${accept}
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
function evalModuleCode(loaderContext, code, filename) {
|
||||
const module = new _module.default(filename, loaderContext);
|
||||
module.paths = _module.default._nodeModulePaths(loaderContext.context); // eslint-disable-line no-underscore-dangle
|
||||
|
||||
module.filename = filename;
|
||||
|
||||
module._compile(code, filename); // eslint-disable-line no-underscore-dangle
|
||||
|
||||
|
||||
return module.exports;
|
||||
}
|
||||
|
||||
function findModuleById(modules, id) {
|
||||
for (const module of modules) {
|
||||
if (module.id === id) {
|
||||
return module;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function pitch(request) {
|
||||
const options = _loaderUtils.default.getOptions(this) || {};
|
||||
(0, _schemaUtils.default)(_options.default, options, 'Mini CSS Extract Plugin Loader');
|
||||
const loaders = this.loaders.slice(this.loaderIndex + 1);
|
||||
this.addDependency(this.resourcePath);
|
||||
const childFilename = '*';
|
||||
const publicPath = typeof options.publicPath === 'string' ? options.publicPath === '' || options.publicPath.endsWith('/') ? options.publicPath : `${options.publicPath}/` : typeof options.publicPath === 'function' ? options.publicPath(this.resourcePath, this.rootContext) : this._compilation.outputOptions.publicPath;
|
||||
const outputOptions = {
|
||||
filename: childFilename,
|
||||
publicPath
|
||||
};
|
||||
|
||||
const childCompiler = this._compilation.createChildCompiler(`${pluginName} ${request}`, outputOptions);
|
||||
|
||||
new _NodeTemplatePlugin.default(outputOptions).apply(childCompiler);
|
||||
new _LibraryTemplatePlugin.default(null, 'commonjs2').apply(childCompiler);
|
||||
new _NodeTargetPlugin.default().apply(childCompiler);
|
||||
new _SingleEntryPlugin.default(this.context, `!!${request}`, pluginName).apply(childCompiler);
|
||||
new _LimitChunkCountPlugin.default({
|
||||
maxChunks: 1
|
||||
}).apply(childCompiler);
|
||||
childCompiler.hooks.thisCompilation.tap(`${pluginName} loader`, compilation => {
|
||||
compilation.hooks.normalModuleLoader.tap(`${pluginName} loader`, (loaderContext, module) => {
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
loaderContext.emitFile = this.emitFile;
|
||||
|
||||
if (module.request === request) {
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
module.loaders = loaders.map(loader => {
|
||||
return {
|
||||
loader: loader.path,
|
||||
options: loader.options,
|
||||
ident: loader.ident
|
||||
};
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
let source;
|
||||
childCompiler.hooks.afterCompile.tap(pluginName, compilation => {
|
||||
source = compilation.assets[childFilename] && compilation.assets[childFilename].source(); // Remove all chunk assets
|
||||
|
||||
compilation.chunks.forEach(chunk => {
|
||||
chunk.files.forEach(file => {
|
||||
delete compilation.assets[file]; // eslint-disable-line no-param-reassign
|
||||
});
|
||||
});
|
||||
});
|
||||
const callback = this.async();
|
||||
childCompiler.runAsChild((err, entries, compilation) => {
|
||||
const addDependencies = dependencies => {
|
||||
if (!Array.isArray(dependencies) && dependencies != null) {
|
||||
throw new Error(`Exported value was not extracted as an array: ${JSON.stringify(dependencies)}`);
|
||||
}
|
||||
|
||||
const identifierCountMap = new Map();
|
||||
|
||||
for (const dependency of dependencies) {
|
||||
const count = identifierCountMap.get(dependency.identifier) || 0;
|
||||
|
||||
this._module.addDependency(new _CssDependency.default(dependency, dependency.context, count));
|
||||
|
||||
identifierCountMap.set(dependency.identifier, count + 1);
|
||||
}
|
||||
};
|
||||
|
||||
if (err) {
|
||||
return callback(err);
|
||||
}
|
||||
|
||||
if (compilation.errors.length > 0) {
|
||||
return callback(compilation.errors[0]);
|
||||
}
|
||||
|
||||
compilation.fileDependencies.forEach(dep => {
|
||||
this.addDependency(dep);
|
||||
}, this);
|
||||
compilation.contextDependencies.forEach(dep => {
|
||||
this.addContextDependency(dep);
|
||||
}, this);
|
||||
|
||||
if (!source) {
|
||||
return callback(new Error("Didn't get a result from child compiler"));
|
||||
}
|
||||
|
||||
let locals;
|
||||
|
||||
try {
|
||||
let dependencies;
|
||||
let exports = evalModuleCode(this, source, request); // eslint-disable-next-line no-underscore-dangle
|
||||
|
||||
exports = exports.__esModule ? exports.default : exports;
|
||||
locals = exports && exports.locals;
|
||||
|
||||
if (!Array.isArray(exports)) {
|
||||
dependencies = [[null, exports]];
|
||||
} else {
|
||||
dependencies = exports.map(([id, content, media, sourceMap]) => {
|
||||
const module = findModuleById(compilation.modules, id);
|
||||
return {
|
||||
identifier: module.identifier(),
|
||||
context: module.context,
|
||||
content,
|
||||
media,
|
||||
sourceMap
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
addDependencies(dependencies);
|
||||
} catch (e) {
|
||||
return callback(e);
|
||||
}
|
||||
|
||||
const esModule = typeof options.esModule !== 'undefined' ? options.esModule : false;
|
||||
const result = locals ? `\n${esModule ? 'export default' : 'module.exports ='} ${JSON.stringify(locals)};` : '';
|
||||
let resultSource = `// extracted by ${pluginName}`;
|
||||
resultSource += options.hmr ? hotLoader(result, {
|
||||
context: this.context,
|
||||
options,
|
||||
locals
|
||||
}) : result;
|
||||
return callback(null, resultSource);
|
||||
});
|
||||
}
|
||||
|
||||
function _default() {}
|
||||
22
node_modules/mini-css-extract-plugin/dist/options.json
generated
vendored
Normal file
22
node_modules/mini-css-extract-plugin/dist/options.json
generated
vendored
Normal file
@ -0,0 +1,22 @@
|
||||
{
|
||||
"additionalProperties": true,
|
||||
"properties": {
|
||||
"publicPath": {
|
||||
"anyOf": [
|
||||
{
|
||||
"type": "string"
|
||||
},
|
||||
{
|
||||
"instanceof": "Function"
|
||||
}
|
||||
]
|
||||
},
|
||||
"esModule": {
|
||||
"type": "boolean"
|
||||
}
|
||||
},
|
||||
"errorMessages": {
|
||||
"publicPath": "should be {String} or {Function} (https://github.com/webpack-contrib/mini-css-extract-plugin#publicpath)"
|
||||
},
|
||||
"type": "object"
|
||||
}
|
||||
118
node_modules/mini-css-extract-plugin/package.json
generated
vendored
Normal file
118
node_modules/mini-css-extract-plugin/package.json
generated
vendored
Normal file
@ -0,0 +1,118 @@
|
||||
{
|
||||
"_from": "mini-css-extract-plugin",
|
||||
"_id": "mini-css-extract-plugin@0.9.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-lp3GeY7ygcgAmVIcRPBVhIkf8Us7FZjA+ILpal44qLdSu11wmjKQ3d9k15lfD7pO4esu9eUIAW7qiYIBppv40A==",
|
||||
"_location": "/mini-css-extract-plugin",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "tag",
|
||||
"registry": true,
|
||||
"raw": "mini-css-extract-plugin",
|
||||
"name": "mini-css-extract-plugin",
|
||||
"escapedName": "mini-css-extract-plugin",
|
||||
"rawSpec": "",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "latest"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#DEV:/",
|
||||
"#USER"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
|
||||
"_shasum": "47f2cf07aa165ab35733b1fc97d4c46c0564339e",
|
||||
"_spec": "mini-css-extract-plugin",
|
||||
"_where": "/Users/alinavigdorova/dev/storage-service-ui",
|
||||
"author": {
|
||||
"name": "Tobias Koppers @sokra"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/webpack-contrib/mini-css-extract-plugin/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"dependencies": {
|
||||
"loader-utils": "^1.1.0",
|
||||
"normalize-url": "1.9.1",
|
||||
"schema-utils": "^1.0.0",
|
||||
"webpack-sources": "^1.1.0"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "extracts CSS into separate files",
|
||||
"devDependencies": {
|
||||
"@babel/cli": "^7.7.5",
|
||||
"@babel/core": "^7.7.5",
|
||||
"@babel/preset-env": "^7.7.6",
|
||||
"@commitlint/cli": "^8.1.0",
|
||||
"@commitlint/config-conventional": "^8.1.0",
|
||||
"@webpack-contrib/defaults": "^5.0.2",
|
||||
"@webpack-contrib/eslint-config-webpack": "^3.0.0",
|
||||
"babel-eslint": "^10.0.2",
|
||||
"babel-jest": "^24.8.0",
|
||||
"commitlint-azure-pipelines-cli": "^1.0.2",
|
||||
"cross-env": "^5.2.0",
|
||||
"css-loader": "^3.3.2",
|
||||
"del": "^4.1.1",
|
||||
"del-cli": "^1.1.0",
|
||||
"es-check": "^5.0.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-config-prettier": "^6.0.0",
|
||||
"eslint-plugin-import": "^2.19.1",
|
||||
"file-loader": "^4.0.0",
|
||||
"husky": "^3.0.0",
|
||||
"jest": "^24.8.0",
|
||||
"jest-junit": "^10.0.0",
|
||||
"lint-staged": "^9.5.0",
|
||||
"memory-fs": "^0.4.1",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"prettier": "^1.19.1",
|
||||
"standard-version": "^7.0.1",
|
||||
"webpack": "^4.41.3",
|
||||
"webpack-cli": "^3.3.6",
|
||||
"webpack-dev-server": "^3.7.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6.9.0"
|
||||
},
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"homepage": "https://github.com/webpack-contrib/mini-css-extract-plugin",
|
||||
"keywords": [
|
||||
"webpack",
|
||||
"css",
|
||||
"extract",
|
||||
"hmr"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "dist/cjs.js",
|
||||
"name": "mini-css-extract-plugin",
|
||||
"peerDependencies": {
|
||||
"webpack": "^4.4.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/webpack-contrib/mini-css-extract-plugin.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production babel src -d dist --ignore \"src/**/*.test.js\" --copy-files",
|
||||
"clean": "del-cli dist",
|
||||
"commitlint": "commitlint --from=master",
|
||||
"defaults": "webpack-defaults",
|
||||
"lint": "npm-run-all -l -p \"lint:**\"",
|
||||
"lint:js": "eslint --cache src test",
|
||||
"lint:prettier": "prettier \"{**/*,*}.{js,json,md,yml,css}\" --list-different",
|
||||
"postbuild": "es-check es5 dist/hmr/hotModuleReplacement.js",
|
||||
"prebuild": "npm run clean",
|
||||
"prepare": "npm run build",
|
||||
"pretest": "npm run lint",
|
||||
"release": "standard-version",
|
||||
"security": "npm audit",
|
||||
"start": "npm run build -- -w",
|
||||
"test": "cross-env NODE_ENV=test npm run test:coverage",
|
||||
"test:coverage": "cross-env NODE_ENV=test jest --collectCoverageFrom=\"src/**/*.js\" --coverage",
|
||||
"test:manual": "npm run build && webpack-dev-server test/manual/src/index.js --open --config test/manual/webpack.config.js",
|
||||
"test:only": "cross-env NODE_ENV=test jest",
|
||||
"test:watch": "cross-env NODE_ENV=test jest --watch"
|
||||
},
|
||||
"version": "0.9.0"
|
||||
}
|
||||
Reference in New Issue
Block a user