ant design pro学习笔记002

这篇博客记录了Ant Design Pro的`npm run build`打包过程,生成的dist文件夹包含.js、.css和index.html等静态资源。根据教程,需将这些文件复制到Spring Boot项目的static文件夹中,实现前后端整合。
摘要由CSDN通过智能技术生成

ant design pro学习笔记002

npm run build 打包程序

npm run build

> ant-design-pro@4.0.0 build /Users/zhouyi7/vue/antDesignPro/es-test/y/es-test
> umi build


✔ Webpack
  Compiled successfully in 55.35s

 DONE  Compiled successfully in 55350ms                                                                                                    下午9:28:47

 File                                         Size           Gzipped

 dist/umi.58272a63.js                         1.4 Mb         415.2 Kb
 dist/vendors~p__ListTableList.0449cd64.      388.5 Kb       91.4 Kb
 async.js
 dist/vendors~p__ListTableList~p__user__      42.0 Kb        10.6 Kb
 login.98dfc4b1.async.js
 dist/vendors~p__Admin~p__ListTableList~      35.5 Kb        8.5 Kb
 p__Welcome.c5969b76.async.js
 dist/vendors~layouts__BasicLayout.7d079      29.1 Kb        8.5 Kb
 c5a.async.js
 dist/vendors~layouts__UserLayout.d7ca17      23.2 Kb        8.4 Kb
 ce.async.js
 dist/vendors~layouts__BasicLayout~p__Ad      20.1 Kb        5.1 Kb
 min~p__ListTableList~p__Welcome~p__user
 __login.5cb85091.async.js
 dist/p__user__login.27ad597b.async.js        15.4 Kb        5.9 Kb
 dist/p__ListTableList.32ec4b34.async.js      11.7 Kb        3.3 Kb
 dist/layouts__BasicLayout.caa37269.asyn      8.0 Kb         3.2 Kb
 c.js
 dist/p__Admin.728c4154.async.js              3.5 Kb         1.7 Kb
 dist/layouts__UserLayout.00407c03.async      3.1 Kb         1.2 Kb
 .js
 dist/p__Welcome.38d60bbc.async.js            1.5 Kb         767.0 b
 dist/layouts__SecurityLayout.214fcd88.a      1.1 Kb         629.0 b
 sync.js
 dist/p__404.61c97d07.async.js                442.0 b        315.0 b
 dist/umi.55815506.css                        275.2 Kb       33.1 Kb
 dist/vendors~p__ListTableList.5667ac24.      91.6 Kb        13.0 Kb
 chunk.css
 dist/vendors~p__ListTableList~p__user__      23.0 Kb        3.5 Kb
 login.18d97e29.chunk.css
 dist/vendors~layouts__BasicLayout~p__Ad      16.7 Kb        2.2 Kb
 min~p__ListTableList~p__Welcome~p__user
 __login.07d49a78.chunk.css
 dist/vendors~p__Admin~p__ListTableList~      9.2 Kb         2.1 Kb
 p__Welcome.1f6e8251.chunk.css
 dist/vendors~layouts__BasicLayout.fee84      3.9 Kb         1.0 Kb
 9ad.chunk.css
 dist/layouts__BasicLayout.a394ea35.chun      2.7 Kb         872.0 b
 k.css
 dist/layouts__UserLayout.b53fe6b6.chunk      1.5 Kb         753.0 b
 .css
 dist/p__user__login.49d4f094.chunk.css       1.1 Kb         444.0 b
 dist/p__Welcome.72864ae1.chunk.css           162.0 b        135.0 b

  Images and other types of assets omitted.

查看打包程序

根据官方文档:

会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 .js、.css、index.html 等静态文件。

  • cd dist/
CNAME
asset-manifest.json
favicon.png
home_bg.png
icons
index.html
layouts__BasicLayout.a394ea35.chunk.css
layouts__BasicLayout.caa37269.async.js
layouts__SecurityLayout.214fcd88.async.js
layouts__UserLayout.00407c03.async.js
layouts__UserLayout.b53fe6b6.chunk.css
p__404.61c97d07.async.js
p__Admin.728c4154.async.js
p__ListTableList.32ec4b34.async.js
p__Welcome.38d60bbc.async.js
p__Welcome.72864ae1.chunk.css
p__user__login.27ad597b.async.js
p__user__login.49d4f094.chunk.css
pro_icon.svg
static
umi.55815506.css
umi.58272a63.js
vendors~layouts__BasicLayout.7d079c5a.async.js
vendors~layouts__BasicLayout.fee849ad.chunk.css
vendors~layouts__BasicLayout~p__Admin~p__ListTableList~p__Welcome~p__user__login.07d49a78.chunk.css
vendors~layouts__BasicLayout~p__Admin~p__ListTableList~p__Welcome~p__user__login.5cb85091.async.js
vendors~layouts__UserLayout.d7ca17ce.async.js
vendors~p__Admin~p__ListTableList~p__Welcome.1f6e8251.chunk.css
vendors~p__Admin~p__ListTableList~p__Welcome.c5969b76.async.js
vendors~p__ListTableList.0449cd64.async.js
vendors~p__ListTableList.5667ac24.chunk.css
vendors~p__ListTableList~p__user__login.18d97e29.chunk.css
vendors~p__ListTableList~p__user__login.98dfc4b1.async.js

将这些文件,拷贝到spring boot中的static 文件夹下。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值