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

创建生成的原生文件夹目录

#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文件是项目编译打包之后生成的文件

webpack.config.js文件
这样就不用使用相对路径书写地址,从而避免路径报错


奇都商城项目目录
美团外卖项目目录
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,226评论 7 35
  • 1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 1,500评论 1 3
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,202评论 40 247
  • 地铁站附近经常看到大幅的广告语:“武汉每天不一样!”现在社会的节凑越来越快,大家每天脚步匆匆,恨不得每天有48个小...
    明荒阅读 498评论 4 3