diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-08-11 20:42:13 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-08-11 20:43:44 +0300 |
commit | 7b45513577f04a14abc6434b1cebc041f8a4e9db (patch) | |
tree | 723dd596e725a61cf0cd7e19137422e4108bf72e /src | |
parent | bba02bcfe787142444d58a2cd242088be9cd508a (diff) | |
download | webui-vue-7b45513577f04a14abc6434b1cebc041f8a4e9db.tar.xz |
Update .env documentaion
Remove theme-colors map example from documentation since this is a
pattern we want to avoid.
Updates to change "openpower" reference to "ibm"
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1715508c91853c35a4169d3fd27ee2f9021eb444
Diffstat (limited to 'src')
-rw-r--r-- | src/env/env.md | 23 |
1 files changed, 11 insertions, 12 deletions
diff --git a/src/env/env.md b/src/env/env.md index f07375a8..92c3f236 100644 --- a/src/env/env.md +++ b/src/env/env.md @@ -15,11 +15,11 @@ This document provides instructions for how to add environment specific modifica 2. Add `NODE_ENV=production` key value pair in the file 3. Add `VUE_APP_ENV_NAME` key with the value set to the new environment name -Example `.env.openpower`: +Example `.env.ibm`: ``` NODE_ENV=production -VUE_APP_ENV_NAME=openpower +VUE_APP_ENV_NAME=ibm ``` ## Store @@ -33,7 +33,7 @@ VUE_APP_ENV_NAME=openpower 4. Use the [Vuex](https://vuex.vuejs.org/api/#registermodule) `registerModule` and `unregisterModule` instance methods to add/remove store modules 5. Add default export -Example `src/env/store/openpower.js`: +Example `src/env/store/ibm.js`: ``` import store from '@/store; //@ aliases to src directory @@ -54,7 +54,7 @@ export default store; 4. Use the [Vue Router](https://router.vuejs.org/api/#router-addroutes) `addRoutes` instance method to define new routes 5. Add default export -Example `src/env/router/openpower.js`: +Example `src/env/router/ibm.js`: ``` import router from '@/router'; //@ aliases to src directory @@ -85,18 +85,17 @@ export default router; 1. Create a `_<ENV_NAME>.scss` partial in `src/env/assets/styles` >The filename needs to match the `VUE_APP_ENV_NAME` value defined in the .env file. The webpack sass loader will attempt to import a file with this name. -2. Add style customizations. Refer to [bootstrap documentation](https://getbootstrap.com/docs/4.5/getting-started/theming/) for details about [variable override options](https://getbootstrap.com/docs/4.5/getting-started/theming/#sass-options) and [theme color maps](https://getbootstrap.com/docs/4.5/getting-started/theming/#maps-and-loops). +2. Add style customizations. Refer to [bootstrap documentation](https://getbootstrap.com/docs/4.5/getting-started/theming/) for details about [color overrides](https://getbootstrap.com/docs/4.5/getting-started/theming/#variable-defaults) and [other customizable options](https://getbootstrap.com/docs/4.5/getting-started/theming/#sass-options). Example for adding custom colors -`src/env/assets/styles/_openpower.scss` +`src/env/assets/styles/_ibm.scss` ``` // Custom theme colors -$theme-colors: ( - "primary": rebeccapurple, - "success": lime -); + +$primary: rebeccapurple; +$success: lime; ``` ## Local development @@ -113,7 +112,7 @@ Run npm build script with vue-cli `--mode` [option flag](https://cli.vuejs.org/g ``` -npm run build -- --mode openpower +npm run build -- --mode ibm ``` @@ -122,5 +121,5 @@ npm run build -- --mode openpower pass env variable directly to script ``` -VUE_APP_ENV_NAME=openpower npm run build +VUE_APP_ENV_NAME=ibm npm run build ```
\ No newline at end of file |