vue cli3 implements the steps of packaging by environment

The vue project built with cli3 is known as a zero configuration file. In order to facilitate packaging (without manually changing different environments for packaging), what should we do when we need to package in different environments?
1. Create three configuration files in the root directory, as shown below

Here I created three, which are my local; offline; online environment. The contents of the three files are as follows: VUE_APP_TITLE corresponds to the current file suffix, build corresponds to production

NODE_ENV = 'production'
VUE_APP_TITLE = 'alpha'
====================================================================
NODE_ENV = 'production'
VUE_APP_TITLE = 'production'
====================================================================
NODE_ENV = 'production'
VUE_APP_TITLE = 'online'

2.package.json configures the corresponding environment packaging name, as shown in the figure:

3.As shown in the figure

4. Intercept files on the interface, as shown in the figure:

5. After configuration, the three environments are packaged as follows:
App packaging offline environment: npm run alpha
App packaging local environment: npm run build
App packaging formal environment: npm run online

This is the end of this article about the steps of vue cli3 to implement environment-specific packaging. For more relevant vue cli3 environment-specific packaging content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!