mirror/vue-cli
1
0
Fork 0
mirror of https://github.com/vuejs/vue-cli.git synced 2026-01-17 21:00:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

docs: add tip about detecting modern mode (#3108) [ci skip]

Browse Source 
* Add tip abouit detecting modern mode

close #2921

* add note about postcss

* docs: fix typo and format [ci skip]
This commit is contained in:
Thorsten Lünborg
2018-12-13 14:46:50 +01:00
committed by Haoqun Jiang
parent d217d75812
commit 2ab93e7970
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/guide/browser-compatibility.md
View File

@@ -78,6 +78,17 @@ Content-Security-Policy: script-src 'self' 'sha256-4RS22DYeB7U14dra4KcQYxmwt5HkO
```
:::
::: tip Detecting the Current Mode in Config
Sometimes you may need to change the webpack config only for the legacy build, or only for the modern build.
Vue CLI uses two environment variables to communicate this:
* `VUE_CLI_MODERN_MODE`: The build was started with the `--modern` flag
* `VUE_CLI_MODERN_BUILD`: when true, the current config is for the modern build. Otherwise it's for the legacy build.
**Important:** These variables are only accessible when/after `chainWebpack()` and `configureWebpack()` functions are evaluated, (so not directly in the `vue.config.js` module's root scope). That means it's also available in the postcss config file.
:::
[autoprefixer]: https://github.com/postcss/autoprefixer
[babel-preset-env]: https://new.babeljs.io/docs/en/next/babel-preset-env.html
[babel-preset-app]: https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app