From 170ad16cb21f532aecb0c724f12ca007a4958ea5 Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Mon, 24 Dec 2018 17:11:33 +0100 Subject: [PATCH 1/8] docs(webpack-quark-asset): document for asset quark --- .../quarks/webpack-quark-assets/README.md | 67 ++++++++++++++++++- 1 file changed, 64 insertions(+), 3 deletions(-) diff --git a/packages/quarks/webpack-quark-assets/README.md b/packages/quarks/webpack-quark-assets/README.md index f989e255..f1363557 100644 --- a/packages/quarks/webpack-quark-assets/README.md +++ b/packages/quarks/webpack-quark-assets/README.md @@ -1,11 +1,72 @@ # `@thc/webpack-quark-assets` -> TODO: description +This quark intends to handle asset dependencies. + +It is based on both `file-loader` and `url-loader`. +All basic files will be put into a `misc/` folder using `file-loader`. +Whereas images and fonts will be inlined if under 1000 bytes or put in respective `img/` and `font/` folders using `url-loader`. ## Usage +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-assets` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withAssets = require("@thc/webpack-quark-assets"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withAssets()); + + return configurator(); +}; ``` -const webpackQuarkAssets = require('@thc/webpack-quark-assets'); -// TODO: DEMONSTRATE API +## Options + +| property | type | required | default | description | +| --------------- | -------- | -------- | ------------------------------------------ | -------------------------------------------------------- | +| handleDefault | boolean | | `true` | if should add a default file loader | +| defaultsExclude | string[] | | `[/\.ejs$/, /\.js$/, /\.css$/, /\.json$/]` | list of excluded files extension for default file loader | +| miscName | string | | `misc/[name]_[sha512:hash:base64:7].[ext]` | name for output files | +| assets | object[] | | see below, Assert format | special care for specific formats using url loader | + +Asset format + +| property | type | required | default | description | +| -------- | ------ | -------- | ------- | --------------------------------------- | +| test | string | | | regex like to match files | +| limit | number | | 1000 | number bytes limit for inlining content | +| name | string | | | name for output files | + +Will by default handle images and fonts like : + +```js +assets: [ + { + test: /\.(ttf|eot|woff|woff2|svg)(\?.*)?$/, + limit: 10000, + name: "fonts/[name]_[sha512:hash:base64:7].[ext]" + }, + { + test: /\.(png|jpg|jpeg|gif)(\?.*)?$/, + limit: 10000, + name: "img/[name]_[sha512:hash:base64:7].[ext]" + } +]; ``` + +## References + +- See [`file-loader`](https://github.com/webpack-contrib/file-loader) +- See [`url-loader`](https://github.com/webpack-contrib/url-loader) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From 0ef856299320400e7627c905d76e56c60c76c7b7 Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Tue, 25 Dec 2018 02:25:55 +0100 Subject: [PATCH 2/8] docs(webpack-quark-babel): document for babel quark --- packages/quarks/webpack-quark-babel/README.md | 83 ++++++++++++++++++- 1 file changed, 80 insertions(+), 3 deletions(-) diff --git a/packages/quarks/webpack-quark-babel/README.md b/packages/quarks/webpack-quark-babel/README.md index dc655c25..2977d75b 100644 --- a/packages/quarks/webpack-quark-babel/README.md +++ b/packages/quarks/webpack-quark-babel/README.md @@ -1,11 +1,88 @@ # `@thc/webpack-quark-babel` -> TODO: description +This quark intends to handle the usage of babel to use better js using `babel-loader`. +It will add some more configuration to handle easily caching with `cache-loader` and multi-threading build using `thread-loader`. +It can be easily extended to handle framework like React (see [Recipes](#recipes)) ## Usage +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-babel` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withJs = require("@thc/webpack-quark-babel"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withJs()); + + return configurator(); +}; ``` -const webpackQuarkBabel = require('@thc/webpack-quark-babel'); -// TODO: DEMONSTRATE API +## Options + +| property | type | required | default | description | +| ----------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| useCache | boolean | | `true` | if should use cache, caution should be deactivated for build production | +| test | string | | `/\.js\$/` | file extension that loader should handle | +| exclude | string | | `/node_modules/` | glob that should be ignore by handler | +| extensions | string[] | | `[".js"]` | list of extensions handled by loader | +| babelOptions | object | | `{babelrc: true}` | options for babel | +| nbWorkers | number | | | number of workers to use | +| additionalLoaders | object[] | | [] | any additional loader to use, see [@thc/webpack-quark-typescript](https://github.com/thc-tools/webpack-react/tree/master/packages/quarks/webpack-quark-typescript) | + +## Recipes + +### Usage for react + +```js +"use strict"; + +const withJs = require("@thc/webpack-quark-babel"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + const hotReload = env.HOT_RELOAD; + + const configurator = createConfigurator( + env, + argv, + withJs({ + test: /\.jsx?$/, + extensions: [".js", ".jsx"], + babelOptions: { + presets: [ + [ + "@thc/babel-preset-react", + { + mode: env.NODE_ENV, + hot: hotReload + } + ] + ], + babelrc: false + } + }) + ); + + return configurator(); +}; ``` + +## References + +- See [`babel-loader`](https://github.com/babel/babel-loader) +- See [`cache-loader`](https://github.com/webpack-contrib/cache-loader) +- See [`thread-loader`](https://github.com/webpack-contrib/thread-loader) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From f20ed735e278c854f66ea3c0aee10cd90e38685b Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Tue, 25 Dec 2018 10:31:33 +0100 Subject: [PATCH 3/8] docs(webpack-quark-css): document for css quark --- packages/quarks/webpack-quark-css/README.md | 48 +++++++++++++++++++-- 1 file changed, 44 insertions(+), 4 deletions(-) diff --git a/packages/quarks/webpack-quark-css/README.md b/packages/quarks/webpack-quark-css/README.md index d42355f0..02d35f1e 100644 --- a/packages/quarks/webpack-quark-css/README.md +++ b/packages/quarks/webpack-quark-css/README.md @@ -1,11 +1,51 @@ # `@thc/webpack-quark-css` -> TODO: description +This quarks intends to handle your applicaiton style sheets. +It will use `css-loader` in addition to `postcss-loader` to load your resources. +Both loaders configuration can be easily extended with additionnal options or using a `postcss.config.js` file. +In addition if you set the `extractCss` option to `true` it will extract the css in an external file using `mini-css-extract-plugin`, otherwise `style-loader` adds it to your main output file (usually js). ## Usage -``` -const webpackQuarkCss = require('@thc/webpack-quark-css'); +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-css` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withCss = require("@thc/webpack-quark-css"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withCss()); -// TODO: DEMONSTRATE API + return configurator(); +}; ``` + +## Options + +| property | type | required | default | description | +| ----------------- | -------- | -------- | --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | +| test | string | | `/\.css$/` | glob to test extension | +| extractCss | boolean | | `false` | if should extract css in separate file, should be true for production build | +| filename | string | | `css/[name]_${processEnv.npm_package_version}.bundle.css` | pattern to generate output filename | +| chunkFilename | string[] | | `css/[name]_[hash].css` | pattern to generate chunk filename | +| postcssConfig | object | | | additionnal configuration for `postcss` | +| cssConfig | object | | | additionnal configuration for `css-loader` | +| additionalLoaders | object | | | additionanl loader, see [@thc/webpack-quark-scss](https://github.com/thc-tools/webpack-react/tree/master/packages/quarks/webpack-quark-scss) | + +## References + +- See [`style-loader`](https://github.com/webpack-contrib/style-loader) +- See [`css-loader`](https://github.com/webpack-contrib/css-loader) +- See [`postcss-loader`](https://github.com/postcss/postcss-loader) +- See [`mini-css-extract-plugin`](https://github.com/webpack-contrib/mini-css-extract-plugin) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From e167518d3b5e1d78b6406f1d1b868e54dc48616d Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Tue, 25 Dec 2018 10:43:24 +0100 Subject: [PATCH 4/8] docs(webpack-quark-entry): document for entry quark --- packages/quarks/webpack-quark-entry/README.md | 45 +++++++++++++++++-- 1 file changed, 41 insertions(+), 4 deletions(-) diff --git a/packages/quarks/webpack-quark-entry/README.md b/packages/quarks/webpack-quark-entry/README.md index 89d73d1d..2e83a5dd 100644 --- a/packages/quarks/webpack-quark-entry/README.md +++ b/packages/quarks/webpack-quark-entry/README.md @@ -1,11 +1,48 @@ # `@thc/webpack-quark-entry` -> TODO: description +This quark intends to handle the entry feature of webpack. +It exposes special care for polyfill and entry enhancing capabilities. ## Usage -``` -const webpackQuarkEntry = require('@thc/webpack-quark-entry'); +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-entry` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withEntry = require("@thc/webpack-quark-entry"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator( + env, + argv, + withEntry({ + entries: { main: "./src/app.js" } + }) + ); -// TODO: DEMONSTRATE API + return configurator(); +}; ``` + +## Options + +| property | type | required | default | description | +| -------- | -------------------- | -------- | ------- | ------------------------------------------------------------------- | +| entries | object | x | | A key/value object containing entries point | +| polyfill | string[] | | | A special entry point for polyfills | +| enhance | (string) => string[] | | | An enhancer function to complete entries, eg: usefull for hotreload | + +## References + +- See [`webpack entry`](https://webpack.js.org/concepts/#entry) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From 7fd3bb92a06dfd4b7b3eb60b2fa696d3c942edd4 Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Thu, 27 Dec 2018 21:50:04 +0100 Subject: [PATCH 5/8] docs(webpack-quark-dev-server): document for dev server quark --- .../quarks/webpack-quark-dev-server/README.md | 40 +++++++++++++++++-- 1 file changed, 36 insertions(+), 4 deletions(-) diff --git a/packages/quarks/webpack-quark-dev-server/README.md b/packages/quarks/webpack-quark-dev-server/README.md index 64acd22f..b8694e20 100644 --- a/packages/quarks/webpack-quark-dev-server/README.md +++ b/packages/quarks/webpack-quark-dev-server/README.md @@ -1,11 +1,43 @@ # `@thc/webpack-quark-dev-server` -> TODO: description +This quarks intends to help with using hot reload ## Usage -``` -const webpackQuarkHotReload = require('@thc/webpack-quark-dev-server'); +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-dev-server` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withHotReload = require("@thc/webpack-quark-dev-server"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withHotReload()); -// TODO: DEMONSTRATE API + return configurator(); +}; ``` + +## Options + +| property | type | required | default | description | +| ----------------------------------------- | ------- | -------- | ----------- | ------------------------------------- | +| hot | boolean | | `true` | if hot reload is active | +| serverConfig.\_\_DEV_SERVER_PROTOCOL\_\_ | string | | `http` | the rotocol to use: `http` or `https` | +| serverConfig.\_\_DEV_SERVER_HOST\_\_ | string | | `localhost` | the hostname use | +| serverConfig.\_\_DEV_SERVER_PORT\_\_ | string | | `3000` | the port to use | +| serverConfig.\_\_DEV_SERVER_SUBDOMAIN\_\_ | string | | | the subdomain to use | + +## References + +- See [`hot reload`](https://webpack.js.org/concepts/hot-module-replacement/) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From 211af52fcd287066ecf0d12bbf36e4cdc118ca8f Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Thu, 27 Dec 2018 22:01:25 +0100 Subject: [PATCH 6/8] docs(webpack-quark-html): document for html quark --- packages/quarks/webpack-quark-html/README.md | 41 ++++++++++++++++++-- 1 file changed, 37 insertions(+), 4 deletions(-) diff --git a/packages/quarks/webpack-quark-html/README.md b/packages/quarks/webpack-quark-html/README.md index 687b55ce..53c15509 100644 --- a/packages/quarks/webpack-quark-html/README.md +++ b/packages/quarks/webpack-quark-html/README.md @@ -1,11 +1,44 @@ # `@thc/webpack-quark-html` -> TODO: description +This quarks intends to handle the booting of you application. +It will by default generate an `index.html` file with reference to all main outputs and chunks generated at build time. + +When installing this module, a `template.ejs` will be added to your project. +It is the template that will be use to generate the `index.html` file. ## Usage -``` -const webpackQuarkHtml = require('@thc/webpack-quark-html'); +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-html` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withHtml = require("@thc/webpack-quark-html"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withHtml()); -// TODO: DEMONSTRATE API + return configurator(); +}; ``` + +## Options + +| property | type | required | default | description | +| ------------------ | ------ | -------- | -------------- | ------------------------------------------------ | +| template | string | | `template.ejs` | the template path (from `webpack.config.js` dir) | +| templateParameters | object | | | an object with parameters for the template | + +## References + +- See [`html plugin`](https://webpack.js.org/plugins/html-webpack-plugin//) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From 3632afe6053629e1e2c1522ac5ce920c37bb9c80 Mon Sep 17 00:00:00 2001 From: c3dr0x Date: Sat, 29 Dec 2018 15:30:49 +0100 Subject: [PATCH 7/8] docs(webpack-quark-optimize): document for optimize quark --- .../quarks/webpack-quark-optimize/README.md | 41 +++++++++++++++++-- 1 file changed, 37 insertions(+), 4 deletions(-) diff --git a/packages/quarks/webpack-quark-optimize/README.md b/packages/quarks/webpack-quark-optimize/README.md index aab6f7cb..5951b62c 100644 --- a/packages/quarks/webpack-quark-optimize/README.md +++ b/packages/quarks/webpack-quark-optimize/README.md @@ -1,11 +1,44 @@ # `@thc/webpack-quark-optimize` -> TODO: description +This quarks intends to handle tranformation to the output that are used for production. ## Usage -``` -const webpackQuarkOptimize = require('@thc/webpack-quark-optimize'); +Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-optimize` + +Example in `webpack.config.js` : + +```js +"use strict"; + +const withOptimization = require("@thc/webpack-quark-optimize"); +const { envDefaults, createConfigurator } = require("@thc/webpack-chemistry"); + +module.exports = (processEnv, argv) => { + const env = envDefaults(processEnv); + + const configurator = createConfigurator(env, argv, withOptimization()); -// TODO: DEMONSTRATE API + return configurator(); +}; ``` + +## Options + +| property | type | required | default | description | +| ------------- | ------ | -------- | ------------- | -------------------------------------------- | +| minimize | string | | `false` | if output code should be minified | +| mode | | | `development` | the mode used by webpack | +| bail | | | `false` | force webpack to stop on error | +| splitChunks | | | `all` | option for splint chunk plugin, see below | +| terserOptions | | | `{}` | option for minification if enable, see below | + +## References + +- See [`split chunk plugin`](https://webpack.js.org/plugins/split-chunks-plugin/) +- See [`terser js plugin`](https://webpack.js.org/plugins/terser-webpack-plugin/) + +## Rules + +- Commit must follow [Conventional Commit convention](https://conventionalcommits.org/) +- [Pre-commit package](https://www.npmjs.com/package/pre-commit) should be use to enforce linting, tests validations, ... From fa3d8c7c760ee041a02f095b8522359e2b1bb753 Mon Sep 17 00:00:00 2001 From: Hartorn Date: Sun, 6 Jan 2019 15:11:50 +0100 Subject: [PATCH 8/8] docs: fixes mistakes on packages name, and links --- packages/quarks/webpack-quark-assets/README.md | 2 +- packages/quarks/webpack-quark-babel/README.md | 4 ++-- packages/quarks/webpack-quark-css/README.md | 4 ++-- packages/quarks/webpack-quark-dev-server/README.md | 2 +- packages/quarks/webpack-quark-entry/README.md | 4 ++-- packages/quarks/webpack-quark-html/README.md | 2 +- packages/quarks/webpack-quark-optimize/README.md | 2 +- 7 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/quarks/webpack-quark-assets/README.md b/packages/quarks/webpack-quark-assets/README.md index f1363557..33738033 100644 --- a/packages/quarks/webpack-quark-assets/README.md +++ b/packages/quarks/webpack-quark-assets/README.md @@ -8,7 +8,7 @@ Whereas images and fonts will be inlined if under 1000 bytes or put in respectiv ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-assets` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-assets` Example in `webpack.config.js` : diff --git a/packages/quarks/webpack-quark-babel/README.md b/packages/quarks/webpack-quark-babel/README.md index 2977d75b..d1671a4c 100644 --- a/packages/quarks/webpack-quark-babel/README.md +++ b/packages/quarks/webpack-quark-babel/README.md @@ -6,7 +6,7 @@ It can be easily extended to handle framework like React (see [Recipes](#recipes ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-babel` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-babel` Example in `webpack.config.js` : @@ -35,7 +35,7 @@ module.exports = (processEnv, argv) => { | extensions | string[] | | `[".js"]` | list of extensions handled by loader | | babelOptions | object | | `{babelrc: true}` | options for babel | | nbWorkers | number | | | number of workers to use | -| additionalLoaders | object[] | | [] | any additional loader to use, see [@thc/webpack-quark-typescript](https://github.com/thc-tools/webpack-react/tree/master/packages/quarks/webpack-quark-typescript) | +| additionalLoaders | object[] | | [] | any additional loader to use, see [@thc/webpack-quark-typescript](https://github.com/thc-tools/webpack-laboratory/tree/master/packages/quarks/webpack-quark-typescript) | ## Recipes diff --git a/packages/quarks/webpack-quark-css/README.md b/packages/quarks/webpack-quark-css/README.md index 02d35f1e..c6f651de 100644 --- a/packages/quarks/webpack-quark-css/README.md +++ b/packages/quarks/webpack-quark-css/README.md @@ -7,7 +7,7 @@ In addition if you set the `extractCss` option to `true` it will extract the css ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-css` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-css` Example in `webpack.config.js` : @@ -36,7 +36,7 @@ module.exports = (processEnv, argv) => { | chunkFilename | string[] | | `css/[name]_[hash].css` | pattern to generate chunk filename | | postcssConfig | object | | | additionnal configuration for `postcss` | | cssConfig | object | | | additionnal configuration for `css-loader` | -| additionalLoaders | object | | | additionanl loader, see [@thc/webpack-quark-scss](https://github.com/thc-tools/webpack-react/tree/master/packages/quarks/webpack-quark-scss) | +| additionalLoaders | object | | | additionanl loader, see [@thc/webpack-quark-scss](https://github.com/thc-tools/webpack-laboratory/tree/master/packages/quarks/webpack-quark-scss) | ## References diff --git a/packages/quarks/webpack-quark-dev-server/README.md b/packages/quarks/webpack-quark-dev-server/README.md index b8694e20..e9bc0a89 100644 --- a/packages/quarks/webpack-quark-dev-server/README.md +++ b/packages/quarks/webpack-quark-dev-server/README.md @@ -4,7 +4,7 @@ This quarks intends to help with using hot reload ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-dev-server` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-dev-server` Example in `webpack.config.js` : diff --git a/packages/quarks/webpack-quark-entry/README.md b/packages/quarks/webpack-quark-entry/README.md index 2e83a5dd..bc719474 100644 --- a/packages/quarks/webpack-quark-entry/README.md +++ b/packages/quarks/webpack-quark-entry/README.md @@ -5,7 +5,7 @@ It exposes special care for polyfill and entry enhancing capabilities. ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-entry` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-entry` Example in `webpack.config.js` : @@ -34,7 +34,7 @@ module.exports = (processEnv, argv) => { | property | type | required | default | description | | -------- | -------------------- | -------- | ------- | ------------------------------------------------------------------- | -| entries | object | x | | A key/value object containing entries point | +| entries | object | x | | A key/value object containing entries point | | polyfill | string[] | | | A special entry point for polyfills | | enhance | (string) => string[] | | | An enhancer function to complete entries, eg: usefull for hotreload | diff --git a/packages/quarks/webpack-quark-html/README.md b/packages/quarks/webpack-quark-html/README.md index 53c15509..f183d139 100644 --- a/packages/quarks/webpack-quark-html/README.md +++ b/packages/quarks/webpack-quark-html/README.md @@ -8,7 +8,7 @@ It is the template that will be use to generate the `index.html` file. ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-html` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-html` Example in `webpack.config.js` : diff --git a/packages/quarks/webpack-quark-optimize/README.md b/packages/quarks/webpack-quark-optimize/README.md index 5951b62c..579ebf39 100644 --- a/packages/quarks/webpack-quark-optimize/README.md +++ b/packages/quarks/webpack-quark-optimize/README.md @@ -4,7 +4,7 @@ This quarks intends to handle tranformation to the output that are used for prod ## Usage -Just install it : `npm i --save-dev --save-exact @thc/webpack-react @thc/webpack-quark-optimize` +Just install it : `npm i --save-dev --save-exact @thc/webpack-chemistry @thc/webpack-quark-optimize` Example in `webpack.config.js` :