vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标

可以在vite的根文件夹中创建public文件夹,vite默认把这个文件夹当作静态资源文件夹,会把里面的文件复制到根文件夹里面,所以你在index.html文件中导入public文件夹里面的文件时,可以直接写/xxx。在根文件夹中找复制的文件

注意:vite的开发环境和打包环境会自动处理静态资源文件的路径查找和复制,你不需要配置什么东西

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第1张图片

 vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第2张图片

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第3张图片

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第4张图片

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第5张图片

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第6张图片

 主应用

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第7张图片

 子应用

vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第8张图片

 vue3项目,vite和vue-cli,开发和生产环境。index.html里面设置项目图标_第9张图片

 

你可能感兴趣的:(前端)