diff --git a/.editorconfig b/.editorconfig
index abed2e2e82db..53a646e2741c 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -11,6 +11,7 @@ insert_final_newline = true
charset = utf-8
indent_style = space
indent_size = 2
+quote_type = single
# Format Configs
[.eslintignore,*rc]
diff --git a/package.json b/package.json
index f2f14a9dcb6b..0701cfccea9e 100644
--- a/package.json
+++ b/package.json
@@ -62,6 +62,8 @@
]
},
"devDependencies": {
+ "@mdx-js/loader": "0.15.7",
+ "@mdx-js/mdx": "0.15.7",
"@octokit/rest": "^15.9.4",
"alex": "^5.1.0",
"autoprefixer": "^7.2.3",
@@ -76,8 +78,8 @@
"copy-webpack-plugin": "4.5.2",
"cross-env": "5.2.0",
"css-loader": "^0.28.5",
- "directory-tree": "2.1.0",
- "directory-tree-webpack-plugin": "^0.3.1",
+ "directory-tree": "2.2.0",
+ "directory-tree-webpack-plugin": "0.3",
"duplexer": "^0.1.1",
"eslint": "4.19.1",
"eslint-loader": "^2.0.0",
@@ -92,14 +94,14 @@
"http-server": "^0.10.0",
"husky": "^1.0.0-rc.8",
"hyperlink": "^4.0.0",
- "lint-staged": "^7.2.0",
+ "lint-staged": "^8.1.0",
"loader-utils": "^1.1.0",
"lodash": "^4.17.4",
- "markdown-loader": "^2.0.1",
+ "markdown-loader": "^4.0.0",
"markdownlint": "^0.11.0",
"markdownlint-cli": "^0.13.0",
"markdownlint-rule-emphasis-style": "^1.0.0",
- "marked": "^0.3.7",
+ "marked": "^0.5.2",
"mermaid.cli": "^0.3.6",
"minimist": "1.2.0",
"mkdirp": "^0.5.1",
@@ -108,13 +110,13 @@
"npm-run-all": "^4.1.1",
"postcss-loader": "^2.0.6",
"redirect-webpack-plugin": "^0.1.1",
- "remark": "^9.0.0",
+ "remark": "^10.0.1",
"remark-autolink-headings": "^5.0.0",
"remark-custom-blockquotes": "1.0.0",
"remark-extract-anchors": "1.0.0",
"remark-loader": "^0.3.0",
"remark-mermaid": "^0.2.0",
- "remark-refractor": "1.0.0",
+ "remark-refractor": "1.1.0",
"remark-responsive-tables": "1.0.0",
"remark-slug": "^5.0.0",
"request": "^2.81.0",
@@ -146,7 +148,9 @@
"react-dom": "^16.2.0",
"react-g-analytics": "0.4.2",
"react-hot-loader": "^4.0.0-beta.12",
+ "react-markdown": "4.0.4",
"react-router-dom": "^4.2.2",
+ "react-tiny-popover": "3.4.2",
"webpack.vote": "^0.1.2",
"whatwg-fetch": "^2.0.3"
}
diff --git a/src/components/Configuration/Configuration.jsx b/src/components/Configuration/Configuration.jsx
new file mode 100644
index 000000000000..1200a1d5ba4d
--- /dev/null
+++ b/src/components/Configuration/Configuration.jsx
@@ -0,0 +1,39 @@
+import React from "react";
+import ReactMarkdown from "react-markdown";
+import { Details } from "./components";
+
+const detailComponentsList = ['link', 'mode', 'entry', 'filename', 'publicPath', 'advancedOutput', 'expert', 'advancedModule', 'alias', 'advancedResolve', 'hints', 'devtool', 'target', 'externals', 'stats', 'advanced', 'libraryTarget'];
+
+const Pre = props => {
+ const newChildren = React.Children.map(props.children.props.children, child => {
+ if (React.isValidElement(child)) {
+ if (child.props.props.className.includes("keyword")) {
+ if (!detailComponentsList.includes(child.props.props.componentname)) return child;
+
+ return
+
+ );
+};
+
+export default {
+ components: {
+ pre: Pre
+ }
+};
diff --git a/src/components/Configuration/Configuration.scss b/src/components/Configuration/Configuration.scss
new file mode 100644
index 000000000000..42a056dd1af2
--- /dev/null
+++ b/src/components/Configuration/Configuration.scss
@@ -0,0 +1,10 @@
+.shadow {
+ overflow: visible;
+ border-radius: 4px;
+ box-shadow: -1px 1px 10px 0 rgba(255, 255, 255, 0.44);
+}
+
+.inline {
+ padding-right: 15px !important;
+ margin: 0 !important;
+}
diff --git a/src/components/Configuration/components.js b/src/components/Configuration/components.js
new file mode 100644
index 000000000000..223a62499bcd
--- /dev/null
+++ b/src/components/Configuration/components.js
@@ -0,0 +1,98 @@
+import React from 'react';
+import Popover from 'react-tiny-popover';
+import './Configuration.scss';
+import { timeout } from 'q';
+
+const DEFAULT_CHILDREN_SIZE = 4;
+
+const isFirstChild = child => typeof child === 'string' && child !== ' ';
+
+const removeSpaces = child => (isFirstChild(child) ? child.trim() : child);
+
+const addLink = (child, i, url) => {
+ return isFirstChild(child) ? (
+
+ {child}
+
+ ) : (
+ child
+ );
+};
+
+const Card = ({ body }) => {
+ return (
+
+ );
+};
+
+export class Details extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ open: false,
+ summary: null,
+ content: null
+ };
+ }
+
+ componentDidMount() {
+ const { children, url } = this.props;
+
+ // Find the index of
+ const closeDefaultTagIndex = children.findIndex(child => {
+ if (React.isValidElement(child)) {
+ return (
+ child.props.props.className.includes('tag') &&
+ child.props.children.length === DEFAULT_CHILDREN_SIZE
+ );
+ }
+ });
+
+ // Summary is the part of the snippet that would be shown in the code snippet,
+ // to get it we need to cut the enclosing tags
+ const summary = children
+ .splice(2, closeDefaultTagIndex - 3)
+ .map(removeSpaces)
+ .map((child, i) => addLink(child, i, url));
+
+ children.splice(0, DEFAULT_CHILDREN_SIZE); // Remove information
+
+ this.setState({
+ summary,
+ content: children
+ });
+ }
+
+ clickOutsideHandler = () => {
+ this.setState({ open: false });
+ };
+
+ toggleVisibility = () => {
+ this.setState({ open: !this.state.open });
+ };
+
+ render() {
+ const { open, summary, content } = this.state;
+ return (
+ }
+ >
+
+ {summary}
+
+
+ );
+ }
+}
diff --git a/src/components/Markdown/Markdown.scss b/src/components/Markdown/Markdown.scss
index f5763880973e..2f7acc9f5fcb 100644
--- a/src/components/Markdown/Markdown.scss
+++ b/src/components/Markdown/Markdown.scss
@@ -1,27 +1,45 @@
-@import 'vars';
-@import 'functions';
-@import 'prism-theme';
+@import "vars";
+@import "functions";
+@import "prism-theme";
.markdown {
- line-height:1.5em;
+ line-height: 1.5em;
- h1 { font-size: getFontSize(4); }
- h2 { font-size: getFontSize(3); }
- h3 { font-size: getFontSize(2); }
- h4 { font-size: getFontSize(1); }
- h5 { font-size: getFontSize(0); }
- h6 { font-size: getFontSize(-1); }
+ h1 {
+ font-size: getFontSize(4);
+ }
+ h2 {
+ font-size: getFontSize(3);
+ }
+ h3 {
+ font-size: getFontSize(2);
+ }
+ h4 {
+ font-size: getFontSize(1);
+ }
+ h5 {
+ font-size: getFontSize(0);
+ }
+ h6 {
+ font-size: getFontSize(-1);
+ }
- h1, h2, h3, h4, h5, h6 {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
display: flex;
align-items: center;
font-family: $font-stack-heading;
- font-weight:600;
- line-height:1.4;
- margin:1.5em 0 0.25em;
- color:getColor(fiord);
+ font-weight: 600;
+ line-height: 1.4;
+ margin: 1.5em 0 0.25em;
+ color: getColor(fiord);
- tt, code {
+ tt,
+ code {
font-size: 90%;
color: inherit;
}
@@ -46,30 +64,40 @@
line-height: 1;
}
- p, blockquote, table, pre {
- margin:1em 0;
+ p,
+ blockquote,
+ table,
+ pre {
+ margin: 1em 0;
}
- ul, ol, dl {
- margin:0.5em 0 1em;
+ ul,
+ ol,
+ dl {
+ margin: 0.5em 0 1em;
}
li {
- margin:0.5em 0;
+ margin: 0.5em 0;
}
hr {
- border:none;
- background-color:getColor(alto);
- height:3px;
- margin:2em 0;
+ border: none;
+ background-color: getColor(alto);
+ height: 3px;
+ margin: 2em 0;
}
- ul, ol {
+ ul,
+ ol {
padding-left: 30px;
- &:first-child { margin-top:0; }
- &:last-child { margin-bottom:0; }
+ &:first-child {
+ margin-top: 0;
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
}
dl {
@@ -79,7 +107,9 @@
font-style: italic;
margin: 15px 0 5px;
- &:first-child { padding: 0; }
+ &:first-child {
+ padding: 0;
+ }
}
dd {
@@ -87,25 +117,34 @@
padding: 0 15px;
}
- dt, dd {
- > :first-child { margin-top: 0; }
- > :last-child { margin-bottom: 0; }
+ dt,
+ dd {
+ > :first-child {
+ margin-top: 0;
+ }
+ > :last-child {
+ margin-bottom: 0;
+ }
}
}
blockquote {
border-left: 4px solid #dddddd;
- padding:0.75em 1em;
- color:getColor(dove-grey);
+ padding: 0.75em 1em;
+ color: getColor(dove-grey);
font-style: italic;
- > :first-child { margin-top: 0; }
- > :last-child { margin-bottom: 0; }
+ > :first-child {
+ margin-top: 0;
+ }
+ > :last-child {
+ margin-bottom: 0;
+ }
&.tip,
&.warning,
&.todo {
- border-left:none;
+ border-left: none;
border-radius: 3px;
.tip-content {
@@ -132,7 +171,7 @@
color: #907a6e;
.tip-content::before {
- content: '[TODO]: ';
+ content: "[TODO]: ";
font-style: normal;
}
}
@@ -159,7 +198,7 @@
font-weight: bold;
text-align: left;
padding: 6px 12px;
- background: darken(#F4F6F6, 1%);
+ background: darken(#f4f6f6, 1%);
&:first-child {
border-right: 1px solid #cccccc;
@@ -240,15 +279,18 @@
height: auto;
}
- b, strong {
- font-weight:600;
+ b,
+ strong {
+ font-weight: 600;
}
- i, em {
+ i,
+ em {
font-style: italic;
}
- code, tt {
+ code,
+ tt {
font-family: $font-stack-code;
font-size: 90%;
margin: 0 2px;
@@ -284,6 +326,17 @@
.code-details-summary-span {
margin-left: -15px;
cursor: pointer;
+
+ &::after {
+ content: "\F103";
+ float: left;
+ position: relative;
+ left: -2px;
+ top: 2px;
+ text-align: center;
+ font-family: icons;
+ color: lighten(getColor(denim), 10%);
+ }
}
a {
@@ -299,14 +352,16 @@
}
}
- code, tt {
+ code,
+ tt {
background-color: transparent;
border: none;
}
}
p {
- code, tt {
+ code,
+ tt {
max-width: 100%;
line-height: initial;
overflow: auto;
@@ -317,7 +372,8 @@
}
span {
- code, tt {
+ code,
+ tt {
white-space: pre-line;
}
}
diff --git a/src/components/Page/Page.jsx b/src/components/Page/Page.jsx
index bfbf5c7f46ba..9bac4f7decf8 100644
--- a/src/components/Page/Page.jsx
+++ b/src/components/Page/Page.jsx
@@ -6,6 +6,7 @@ import PageLinks from '../PageLinks/PageLinks';
import Markdown from '../Markdown/Markdown';
import Contributors from '../Contributors/Contributors';
import Placeholder from '../Placeholder/Placeholder';
+import Configuration from '../Configuration/Configuration';
// Load Styling
import './Page.scss';
@@ -28,62 +29,72 @@ class Page extends React.Component {
if (content instanceof Promise) {
content
- .then(module => this.setState({
- content: module.default || module,
- contentLoaded: true
- }))
- .catch(error => this.setState({
- content: 'Error loading content.'
- }));
+ .then(module =>
+ this.setState({
+ content: module.default || module,
+ contentLoaded: true
+ })
+ )
+ .catch(error =>
+ this.setState({
+ content: 'Error loading content.'
+ })
+ );
}
}
render() {
- const {
- title,
- contributors = [],
- related = [],
- ...rest
- } = this.props;
+ const { title, contributors = [], related = [], ...rest } = this.props;
const { contentLoaded } = this.state;
const loadRelated = contentLoaded && related && related.length !== 0;
- const loadContributors = contentLoaded && contributors && contributors.length !== 0;
+ const loadContributors =
+ contentLoaded && contributors && contributors.length !== 0;
+
+ const { content } = this.state;
+
+ let contentRender;
+
+ if (typeof content === 'function') {
+ contentRender = content(Configuration).props.children.slice(4); // Cut frontmatter information
+ } else {
+ contentRender = (
+
+ );
+ }
return (
-
+
- { title }
+ {title}
-
+ {contentRender}
- { loadRelated && (
+ {loadRelated && (
)}
- { loadContributors && (
+ {loadContributors && (
Contributors
-
+
)}
diff --git a/src/content/api/node.md b/src/content/api/node.mdx
similarity index 100%
rename from src/content/api/node.md
rename to src/content/api/node.mdx
diff --git a/src/content/api/stats.md b/src/content/api/stats.mdx
similarity index 99%
rename from src/content/api/stats.md
rename to src/content/api/stats.mdx
index a06d6e9d6edf..b2c21c045359 100644
--- a/src/content/api/stats.md
+++ b/src/content/api/stats.mdx
@@ -20,7 +20,7 @@ The `--json > compilation-stats.json` flag indicates to webpack that it should e
The top-level structure of the output JSON file is fairly straightforward but there are a few nested data structures as well. Each nested structure has a dedicated section below to make this document more consumable. Note that you can click links within the top-level structure below to jump to relevant sections and documentation:
-```js-with-links
+``` js-with-links
{
"version": "1.4.13", // Version of webpack used for the compilation
"hash": "11593e3b3ac85436984a", // Compilation specific hash
diff --git a/src/content/concepts/index.md b/src/content/concepts/index.md
index fe853ab3af1c..7b207d70a558 100644
--- a/src/content/concepts/index.md
+++ b/src/content/concepts/index.md
@@ -14,7 +14,6 @@ contributors:
- arjunsajeev
- byzyk
- yairhaimo
- - EugeneHlushko
- farskid
- LukeMwila
---
diff --git a/src/content/configuration/index.md b/src/content/configuration/index.md
deleted file mode 100644
index 9f8f72822df1..000000000000
--- a/src/content/configuration/index.md
+++ /dev/null
@@ -1,405 +0,0 @@
----
-title: Configuration
-sort: 1
-contributors:
- - sokra
- - skipjack
- - grgur
- - bondz
- - sricc
- - terinjokes
- - mattce
- - kbariotis
- - sterlingvix
- - jeremenichelli
- - dasarianudeep
- - byzyk
- - kennetvu
----
-
-Out of the box, webpack won't require you to use a configuration file. However, it will assume the entry point of your project is `src/index` and will output the result in `dist/main.js` minified and optimized for production.
-
-Usually your projects will need to extend this functionality, for this you can create a `webpack.config.js` file in the root folder and webpack will automatically use it.
-
-All the available configuration options are specified below.
-
-T> New to webpack? Check out our guide to some of webpack's [core concepts](/concepts/) to get started!
-
-## Options
-
-Click on the name of each option in the configuration code below to jump to the detailed documentation. Also note that the items with arrows can be expanded to show more examples and, in some cases, more advanced configuration.
-
-W> Notice that throughout the configuration we use Node's built-in [path module](https://nodejs.org/api/path.html) and prefix it with the [__dirname](https://nodejs.org/docs/latest/api/globals.html#globals_dirname) global. This prevents file path issues between operating systems and allows relative paths to work as expected. See [this section](https://nodejs.org/api/path.html#path_windows_vs_posix) for more info on POSIX vs. Windows paths.
-
-__webpack.config.js__
-
-```js-with-links-with-details
-const path = require('path');
-
-module.exports = {
- [mode](/concepts/mode): "production", // "production" | "development" | "none"
- [mode](/concepts/mode): "production", // enable many optimizations for production builds
- [mode](/concepts/mode): "development", // enabled useful tools for development
- [mode](/concepts/mode): "none", // no defaults
- [entry](/configuration/entry-context#entry): "./app/entry", // string | object | array
- [entry](/configuration/entry-context#entry): ["./app/entry1", "./app/entry2"],
- [entry](/configuration/entry-context#entry): {
- a: "./app/entry-a",
- b: ["./app/entry-b1", "./app/entry-b2"]
- },
- [filename](/configuration/output#output-filename): "bundle.js", // string
- [filename](/configuration/output#output-filename): "[name].js", // for multiple entry points
- [filename](/configuration/output#output-filename): "[chunkhash].js", // for [long term caching](/guides/caching)
- [publicPath](/configuration/output#output-publicpath): "/assets/", // string
- [publicPath](/configuration/output#output-publicpath): "",
- [publicPath](/configuration/output#output-publicpath): "https://cdn.example.com/",
- [libraryTarget](/configuration/output#output-librarytarget): "umd", // universal module definition
- [libraryTarget](/configuration/output#output-librarytarget): "umd2", // universal module definition
- [libraryTarget](/configuration/output#output-librarytarget): "commonjs2", // exported with module.exports
- [libraryTarget](/configuration/output#output-librarytarget): "commonjs", // exported as properties to exports
- [libraryTarget](/configuration/output#output-librarytarget): "amd", // defined with AMD defined method
- [libraryTarget](/configuration/output#output-librarytarget): "this", // property set on this
- [libraryTarget](/configuration/output#output-librarytarget): "var", // variable defined in root scope
- [libraryTarget](/configuration/output#output-librarytarget): "assign", // blind assignment
- [libraryTarget](/configuration/output#output-librarytarget): "window", // property set to window object
- [libraryTarget](/configuration/output#output-librarytarget): "global", // property set to global object
- [libraryTarget](/configuration/output#output-librarytarget): "jsonp", // jsonp wrapper
- /* Advanced output configuration (click to show) */
- [pathinfo](/configuration/output#output-pathinfo): true, // boolean
- // include useful path info about modules, exports, requests, etc. into the generated cod
- [chunkFilename](/configuration/output#output-chunkfilename): "[id].js",
- [chunkFilename](/configuration/output#output-chunkfilename): "[chunkhash].js", // for [long term caching](/guides/caching)
- // the filename template for additional chunks
- [jsonpFunction](/configuration/output#output-jsonpfunction): "myWebpackJsonp", // string
- // name of the JSONP function used to load chunks
- [sourceMapFilename](/configuration/output#output-sourcemapfilename): "[file].map", // string
- [sourceMapFilename](/configuration/output#output-sourcemapfilename): "sourcemaps/[file].map", // string
- // the filename template of the source map location
- [devtoolModuleFilenameTemplate](/configuration/output#output-devtoolmodulefilenametemplate): "webpack:///[resource-path]", // string
- // the name template for modules in a devtool
- [devtoolFallbackModuleFilenameTemplate](/configuration/output#output-devtoolfallbackmodulefilenametemplate): "webpack:///[resource-path]?[hash]", // string
- // the name template for modules in a devtool (used for conflicts)
- [umdNamedDefine](/configuration/output#output-umdnameddefine): true, // boolean
- // use a named AMD module in UMD library
- [crossOriginLoading](/configuration/output#output-crossoriginloading): "use-credentials", // enum
- [crossOriginLoading](/configuration/output#output-crossoriginloading): "anonymous",
- [crossOriginLoading](/configuration/output#output-crossoriginloading): false,
- // specifies how cross origin request are issued by the runtime
- /* Expert output configuration (on own risk) */
- [devtoolLineToLine](/configuration/output#output-devtoollinetoline): {
- test: /\.jsx$/
- },
- // use a simple 1:1 mapped SourceMaps for these modules (faster)
- [hotUpdateMainFilename](/configuration/output#output-hotupdatemainfilename): "[hash].hot-update.json", // string
- // filename template for HMR manifest
- [hotUpdateChunkFilename](/configuration/output#output-hotupdatechunkfilename): "[id].[hash].hot-update.js", // string
- // filename template for HMR chunks
- [sourcePrefix](/configuration/output#output-sourceprefix): "\t", // string
- // prefix module sources in bundle for better readablitity
- /* Advanced module configuration (click to show) */
- [noParse](/configuration/module#module-noparse): [
- /special-library\.js$/
- ],
- // do not parse this module
- unknownContextRequest: ".",
- unknownContextRecursive: true,
- unknownContextRegExp: /^\.\/.*$/,
- unknownContextCritical: true,
- exprContextRequest: ".",
- exprContextRegExp: /^\.\/.*$/,
- exprContextRecursive: true,
- exprContextCritical: true,
- wrappedContextRegExp: /.*/,
- wrappedContextRecursive: true,
- wrappedContextCritical: false,
- // specifies default behavior for dynamic requests
- /* alternative alias syntax (click to show) */
- [alias](/configuration/resolve#resolve-alias): [
- {
- name: "module",
- // the old request
- alias: "new-module",
- // the new request
- onlyModule: true
- // if true only "module" is aliased
- // if false "module/inner/path" is also aliased
- }
- ],
- /* Advanced resolve configuration (click to show) */
- [symlinks](/configuration/resolve#resolve-symlinks): true,
- // follow symlinks to new location
- [descriptionFiles](/configuration/resolve#resolve-descriptionfiles): ["package.json"],
- // files that are read for package description
- [mainFields](/configuration/resolve#resolve-mainfields): ["main"],
- // properties that are read from description file
- // when a folder is requested
- [aliasFields](/configuration/resolve#resolve-aliasfields): ["browser"],
- // properties that are read from description file
- // to alias requests in this package
- [enforceExtension](/configuration/resolve#resolve-enforceextension): false,
- // if true request must not include an extensions
- // if false request may already include an extension
- [moduleExtensions](/configuration/resolve#resolveloader-moduleextensions): ["-module"],
- [enforceModuleExtension](/configuration/resolve#resolve-enforcemoduleextension): false,
- // like extensions/enforceExtension but for module names instead of files
- [unsafeCache](/configuration/resolve#resolve-unsafecache): true,
- [unsafeCache](/configuration/resolve#resolve-unsafecache): {},
- // enables caching for resolved requests
- // this is unsafe as folder structure may change
- // but performance improvement is really big
- [cachePredicate](/configuration/resolve#resolve-cachepredicate): (path, request) => true,
- // predicate function which selects requests for caching
- [plugins](/configuration/resolve#resolve-plugins): [
- // ...
- ]
- // additional plugins applied to the resolver
- [hints](/configuration/performance#performance-hints): "warning", // enum
- [hints](/configuration/performance#performance-hints): "error", // emit errors for perf hints
- [hints](/configuration/performance#performance-hints): false, // turn off perf hints
- [devtool](/configuration/devtool): "source-map", // enum
- [devtool](/configuration/devtool): "inline-source-map", // inlines SourceMap into original file
- [devtool](/configuration/devtool): "eval-source-map", // inlines SourceMap per module
- [devtool](/configuration/devtool): "hidden-source-map", // SourceMap without reference in original file
- [devtool](/configuration/devtool): "cheap-source-map", // cheap-variant of SourceMap without module mappings
- [devtool](/configuration/devtool): "cheap-module-source-map", // cheap-variant of SourceMap with module mappings
- [devtool](/configuration/devtool): "eval", // no SourceMap, but named modules. Fastest at the expense of detail.
- [target](/configuration/target): "web", // enum
- [target](/configuration/target): "webworker", // WebWorker
- [target](/configuration/target): "node", // Node.js via require
- [target](/configuration/target): "async-node", // Node.js via fs and vm
- [target](/configuration/target): "node-webkit", // nw.js
- [target](/configuration/target): "electron-main", // electron, main process
- [target](/configuration/target): "electron-renderer", // electron, renderer process
- [target](/configuration/target): (compiler) => { /* ... */ }, // custom
- [externals](/configuration/externals): ["react", /^@angular\//],
- [externals](/configuration/externals): "react", // string (exact match)
- [externals](/configuration/externals): /^[a-z\-]+($|\/)/, // Regex
- [externals](/configuration/externals): { // object
- angular: "this angular", // this["angular"]
- react: { // UMD
- commonjs: "react",
- commonjs2: "react",
- amd: "react",
- root: "React"
- }
- },
- [externals](/configuration/externals): (request) => { /* ... */ return "commonjs " + request }
- [stats](/configuration/stats): "errors-only",
- [stats](/configuration/stats): { //object
- assets: true,
- colors: true,
- errors: true,
- errorDetails: true,
- hash: true,
- // ...
- },
- /* Advanced configuration (click to show) */
- [resolveLoader](/configuration/resolve#resolveloader): { /* same as resolve */ }
- // separate resolve options for loaders
- [parallelism](other-options#parallelism): 1, // number
- // limit the number of parallel processed modules
- [profile](other-options#profile): true, // boolean
- // capture timing information
- [bail](other-options#bail): true, //boolean
- // fail out on the first error instead of tolerating it.
- [cache](other-options#cache): false, // boolean
- // disable/enable caching
- [watch](watch#watch): true, // boolean
- // enables watching
- [watchOptions](watch#watchoptions): {
- [aggregateTimeout](watch#watchoptions-aggregatetimeout): 1000, // in ms
- // aggregates multiple changes to a single rebuild
- [poll](watch#watchoptions-poll): true,
- [poll](watch#watchoptions-poll): 500, // interval in ms
- // enables polling mode for watching
- // must be used on filesystems that doesn't notify on change
- // i. e. nfs shares
- },
- [node](node): {
- // Polyfills and mocks to run Node.js-
- // environment code in non-Node environments.
- [console](node#node-console): false, // boolean | "mock"
- [global](node#node-global): true, // boolean | "mock"
- [process](node#node-process): true, // boolean
- [__filename](node#node-__filename): "mock", // boolean | "mock"
- [__dirname](node#node-__dirname): "mock", // boolean | "mock"
- [Buffer](node#node-buffer): true, // boolean | "mock"
- [setImmediate](node#node-setimmediate): true // boolean | "mock" | "empty"
- },
- [recordsPath](other-options#recordspath): path.resolve(__dirname, "build/records.json"),
- [recordsInputPath](other-options#recordsinputpath): path.resolve(__dirname, "build/records.json"),
- [recordsOutputPath](other-options#recordsoutputpath): path.resolve(__dirname, "build/records.json"),
- // TODO
-