您的位置:首页 >> Vue >> 《和小米一起学Vue.js》— Vue CLI项目结构

《和小米一起学Vue.js》— Vue CLI项目结构

[ 孤狼 | 2022-07-30 03:33:08 | Vue | 1077°C | 0条评论 ]

使用CLI脚手架新建的项目是一个完整的VUE项目,他会根据创建时的参数自动新建一个标准项目需要的所有文件。

下面就是一个标准项目的所有文件结构



文件夹 

node_modules => 保存node相关文件  
public => 静态资源文件夹  
src => 源代码文件夹  

public文件夹用来放置 index.html 等静态资源文件,任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。你需要通过绝对路径来引用它们。

当你需要在构建输出中指定一个文件的名字,有上千个图片,需要动态引用它们的路径。有些库可能和 webpack 不兼容,这时你除了将其用一个独立的 <script> 标签引入没有别的选择的时候,你就需要使用到public文件夹。

对于js和css这类可以被webpack更好处理的文件,推荐放到src文件夹里。

由于public文件夹内的文件需要使用绝对路径,所以,需要增加 publicPath 配置,来确定绝对项目路径。


文件 

.browserslistrc => 最低适配浏览器配置文件  
.gitignore => git同步忽略文件配置  
babel.config.js => 当前项目维度配置文件 
jsconfig.json => JS脚本参数配置文件  
package.json => 包管理配置文件  
package-lock.json => 真是安装包配置文件  
README.md => 说明文件  
vue.config.js => 项目配置文件  



转载请注明出处:http://gl.paea.cn/n.php?n=190
 
如您看得高兴,欢迎随意投喂,让我们坚持创作!
赞赏一个鸡腿
还没有人留下遗迹
综合 · 搜索