一个简单的 web boilerplate

最近自己在写几个小的网站,然后技术栈也比较固定。

因此把最基本的一个架子做成比较流行的 Boilerplate (样板文件),方便自己以后继续开发类似网站,同时也可以给需要的同学一些帮助。

整个的技术栈都是选择的比较流行的:

  • Web Framework: Express
  • ES2015 => ES5: Babel
  • 前端: Webpack/React/Sass

项目的结构也比较精简、经典:

├── README.md
├── package.json
├── index.js
├── app.js
├── config.js
├── controllers
│   └── views.js
├── routes
│   ├── api.js
│   ├── index.js
│   └── views.js
└── views
|   └── index.jade
└── public
    ├── app.js
    ├── components
    │   └── App.js
    ├── dist
    │   └── index.bundle.js
    ├── sass
    │   └── app.scss
    └── webpack.config.js

如何使用

熟悉 Node web 开发的同学应该比较容易入手。

  • 首先需要 clone 本项目,可以修改成你自己的项目名称:
git clone git@github.com:FantasyNode/node-web-boilerplate.git [your project name]
  • 在项目目录下执行npm install

  • public 目录下生成打包文件: cd public && webpack

  • 回到项目目录执行 npm start 即可

题外话

第一次使用Standard来规范项目中的代码。

  • 安装 Standard:
npm i standard -g
  • 使用

在项目目录下执行standard命令即可。如果有不符合其规范的,就会提示。

然后就可以用上刁刁的 Badge了,哈哈:


欢迎使用: https://github.com/FantasyNode/node-web-boilerplate

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容