Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ElemeFE/cooking

👨‍🍳 更易上手的前端构建工具
https://github.com/ElemeFE/cooking

build cooking react vue webpack

Last synced: 3 months ago
JSON representation

👨‍🍳 更易上手的前端构建工具

Awesome Lists containing this project

README

        


cooking



A front-end build tool that comes handy


Build Status
Coverage Status
npm
npm
Gitter

## Links
- [中文版 README](https://github.com/ElemeFE/cooking/blob/master/README_zh-cn.md)
- [Documentation](http://cookingjs.github.io)
- [Demo](https://github.com/cooking-demo)
- [教程: 用 cooking 搭建一个简单又优雅的 Vue 项目开发环境 (入门篇)](https://zhuanlan.zhihu.com/p/22387692)
- [教程: 用 cooking 搭建一个多页面易配置的 Vue 2 项目(进阶篇)](https://zhuanlan.zhihu.com/p/22610408)

## Discussion
Hit [Gitter](https://gitter.im/QingWei-Li/cooking?utm_source=share-link&utm_medium=link&utm_campaign=share-link) if you come across any problem while using cooking. Issues are only for bug reports and feature requests.

## Features
- Simplified webpack configuring with humanistic parameters
- Use cooking CLI to efficiently scaffold projects without installing dependencies repeatedly (based on webpack 2)
- Compatible with both webpack 1 and 2 with just one set of configuration
- Generated configuration fully compatible with webpack CLI

## Installation

runtime environment
- Node.js 4+
- npm 3+
- Python 2.7.x

### Using cooking CLI
```shell
npm i cooking-cli -g
```

Step 1. create a vue-based project (vue scaffold will be downloaded automatically if not installed)
```shell
$ cooking create my-project vue
$ cd my-project
```

Step 2. start developing
```shell
$ cooking watch
```

### Using cooking core
```shell
npm i cooking -D

# install webpack dependencies (take webpack 1 for example)
npm i babel-core babel-loader css-loader file-loader postcss postcss-loader\
html-loader html-webpack-plugin json-loader style-loader url-loader\
webpack@1 webpack-dev-server@1 extract-text-webpack-plugin@1 -D

# or install webpack dependencies (take webpack 2)
npm i babel-core babel-loader css-loader file-loader postcss postcss-loader\
html-loader html-webpack-plugin json-loader style-loader url-loader\
webpack webpack-dev-server [email protected] -D

# start developing
node_modules/.bin/cooking watch # or webpack --config cooking.conf.js

# if cooking-cli is globally installed, you can also do this (it still runs your local cooking)
cooking watch
```

# License
[MIT](https://github.com/ElemeFE/cooking/LICENSE)