今天才知道Vue中存放静态文件两个目录: public 和 assets的区别

• public: 简单粗暴-所有放在此目录下的文件都会打包到最终项目文件夹里
• assets: 智能分辨-会自动识别项目中用到的文件 再打包到最终代码里

假设文件夹里有100张图: 我的项目中使用了其中40张, 另外60个没用上

1. 放public下: 会都被保留下来
2. 放assets里: 会保留40张用到的, 其他60个会被删除

 <!-- /代表根路径.  public是静态托管目录, 要通过根路径访问 -->
<img src="/img/banner1.png" alt="" />
 <!-- src/assets 目录, 也可以存储静态文件; 需要用相对路径调用 -->
<img src="./assets/logo.png" alt="" />