• build —— 项目构建文件夹
  • build.js —— 打包构建脚本(npm run build)
  • check-versions.js —— npm和node版本的查询
  • dev-client.js ——
  • dev-server.js —— 开发调试脚本(npm run dev)
  • utils.js —— 工具类
  • webpack.base.config.js —— Webpack配置文件
  • webpack.dev.config.js —— 开发版本Webpack配置文件,与webpack.base.config.js合并成完整的配置文件。
  • webpack.prod.config.js —— 生产版本Webpack配置文件,与webpack.base.config.js合并成完整的配置文件。
  • config —— 配置文件夹,保存有各种配置参数(文件路径、服务器端口、功能开关)
  • src —— 代码文件夹
  • static
  • .gitkeep —— 作用是将文件所在文件夹保留在git版本控制中。文件类型和.gitignore差不多。
  • .babelrc —— babel配置文件
  • .editorconfig —— 编辑配置,确保使用各种编辑器时能有相同的编辑格式。
  • .gitignore —— git忽略文件
  • index.html —— 页面,最终显示在这个html中
  • package.json —— npm配置文件,包含了项目的信息、脚本、依赖库等重要信息。

官方的脚手架中除了有webpack打包,还包含了node脚本、开发和生产模式的切换、ESLint配置等功能。

参考文档:https://github.com/violetjack/FEProjectDemos

作者 admin

百度广告效果展示