2.3. Vue3 project packaging

发布时间 : 2025-10-25 13:33:37 UTC      

Page Views: 9 views

Package the Vue project using the following command:

cnpm run build 

Execute the above command, and the output is as follows:

Image0

When the execution is complete, a dist directory, which generally contains index.html files and static directory, static directory contains static files js, css and picture directory images (if there are anypictures).

Image1

If you double-click directly to open index.html the page may be blank in the browser, but you need to modify it to display it normally index.html the path of js and css files in the file.

For example, if we open dist/index.html the file sees that the css and js file paths are absolute:

<link href=/static/css/app.33da80d69744798940b135da93bc7b98.css rel=stylesheet> <script type=text/javascript src=/static/js/app.717bb358ddc19e181140.js>script> ...    

We modify the js and css file paths to relative paths:

<link href=static/css/app.33da80d69744798940b135da93bc7b98.css rel=stylesheet> <script type=text/javascript src=static/js/app.717bb358ddc19e181140.js>script> ...    

Double-click this directly. dist/index.html the file can be seen in the browser.

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。