项目文件介绍及布局(二)

项目文件介绍及布局(二)_第1张图片
创建生成的原生文件夹目录

#config和build为webpack配置相关:

build文件夹主要负责项目的打包编译

config文件夹主要负责

src存放项目源码,开发的所有代码都放在这里

static存放第三方静态资源(其里面存在的gitkeep文件是为了即使该文件为空目录也能上传到git上面,因为git默认屏蔽上传空目录)

.babeler为babel编译的配置文件,用来配置es6语法

.editorconfig编辑器的配置

.eslintignore忽略语法检查的目录文件

.eslintrc.js为eslint的配置文件

#Config/index.js文件负责定义端口地址

#buidl/webpack.config.js文件可以用来定义文件相对路径(自动识别补充路径)

#dist文件是项目编译打包之后生成的文件

项目文件介绍及布局(二)_第2张图片
webpack.config.js文件
项目文件介绍及布局(二)_第3张图片
这样就不用使用相对路径书写地址,从而避免路径报错


项目文件介绍及布局(二)_第4张图片
奇都商城项目目录
项目文件介绍及布局(二)_第5张图片
美团外卖项目目录

你可能感兴趣的:(项目文件介绍及布局(二))