vue-cli 中 assets public的区别
时间: 2023-05-15 14:07:47 浏览: 152
在Vue CLI中,assets目录用于存放需要经过webpack打包处理的静态资源,例如图片、字体等。而public目录则是用于存放不需要经过webpack打包处理的静态资源,例如favicon.ico、robots.txt等。因此,assets目录中的文件会被打包到最终的构建文件中,而public目录中的文件则会直接复制到构建目录中。
相关问题
描述一下Vue-cli工程目录结构
Vue-cli工程目录结构通常包含以下文件和文件夹:
- node_modules:包含依赖的第三方库和插件。
- public:包含静态资产,如图像、字体和HTML文件。
- src:包含应用程序的所有源代码。
- assets:包含应用程序使用的图像、媒体和样式表等资源。
- components:包含应用程序的所有组件。
- router:包含应用程序的路由配置。
- store:包含应用程序的状态管理配置。
- views:包含应用程序的各个视图。
- App.vue:应用程序的根组件。
- main.js:Vue.js应用程序的入口点。
以上是Vue-cli工程目录的一般规范,具体的结构可以根据需求进行修改和自定义。
vue-cli 工程下文件目录作用
vue-cli 项目的文件目录的作用如下:
1. `public` 目录:存放静态资源,如 index.html,图片等,它们将直接复制到最终的打包文件中。
2. `src` 目录:存放源代码,包括 Vue 组件、JavaScript、CSS 等。
3. `components` 目录:存放组件文件。
4. `views` 目录:存放页面组件。
5. `router` 目录:存放路由配置文件。
6. `store` 目录:存放 Vuex 状态管理文件。
7. `assets` 目录:存放项目需要的资源文件,如图片、字体等。
8. `App.vue` 文件:根组件。
9. `main.js` 文件:程序入口文件,初始化 Vue 实例。
10. `.env` 文件:环境变量配置文件。
11. `babel.config.js` 文件:Babel 配置文件。
12. `package.json` 文件:项目依赖配置文件。
13. `README.md` 文件:项目说明文件。
这些文件目录的作用是为了方便项目的维护和开发,使得代码更好的组织和管理。