最近自己在寫幾個小的網站,然后技術棧也比較固定。
因此把最基本的一個架子做成比較流行的 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了,哈哈: