Home  >  Article  >  Web Front-end  >  Analysis of the full steps of vue-cli packaging and launch

Analysis of the full steps of vue-cli packaging and launch

php中世界最好的语言
php中世界最好的语言Original
2018-05-23 11:24:102377browse

This time I will bring you a full step analysis of vue-cli packaging and online. What are the precautions for vue-cli packaging and online? The following is a practical case, let's take a look.

Take the official example created by vue as an example. When we develop the environment, we will npm run dev to generate

and want to package it into a copy

Very simple, just need npm run build This command

Configuration files of these two commandsIn the index.js of config, one is build and the other is dev , and if we want to view the packaged results locally, we need to change its path in assetsPublicPath. For the specific reason, you can see the file path introduced by index.html

After that, you just need to run it on the server.

*

Common tips

1. If the value of productionSourceMap in the build code in config -> index.js is set to false, the file size after packaging can be Reduce by 80%

2. If you set the HtmlWebpackPlugin plug-in configuration parameter in webpack.prod.conf.js under the build folder and add

hash: true, the package will be generated. js and css paths in index.html with? Random string , which is version control

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to implement markdown adaptation of the mpvue applet

vue2.0 realizes real-time retrieval and update of the input box Detailed explanation of steps

The above is the detailed content of Analysis of the full steps of vue-cli packaging and launch. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn