YouTip

# Vue3 Build When you are ready to publish your application to a production environment, you need to build the Vue project. Use the following command to build the Vue project: npm run build Executing the above command outputs the following: !(#) After execution, a dist directory will be generated under the Vue project. This directory generally contains an index.html file and a static directory. The static directory contains static files js, css, and the images directory (if there are images). !(#) If you directly double-click to open index.html, the page may be blank in the browser. To display it normally, you need to modify the js and css file paths in the index.html file. For example, when we open the dist/index.html file, we see that the css and js file paths are absolute paths: ... We change the js and css file paths to relative paths: ... Now you can directly double-click the dist/index.html file to see the effect in the browser.