ElemeFE / cooking

👨‍🍳 更易上手的前端构建工具
http://elemefe.github.io/cooking/
MIT License
1.94k stars 289 forks source link

0.3.0 #15

Closed QingWei-Li closed 8 years ago

QingWei-Li commented 8 years ago

feature

var webpack = require('cooking/lib/webpack')

var webpack = require('webpack') // 直接 require 也能访问到 🌚
# 安装 vue, sass 插件
$ cooking import vue sass
cooking.set({
  extends: ['vue', 'sass']
})
# 安装 test 命令
$ cooking import test-cli

# 查看命令
$ cooking

...
watch                开发模式
build                构建模式
test                 测试命令
...
$ cooking update vue sass
QingWei-Li commented 8 years ago

为 cooking 提供四个函数,简化配置

var cooking = require('cooking')

cooking.set({
  // simple config
  entry: 'entry.js',
  ...
})

// 方便可以增加 loader,  plugin, 名字重复将会覆盖,
// 第一个参数为 object 的 path, 例如 loader.js,
// loader.vue, loader.font 将会转成 module.loaders
// 里的对应 loader
cooking.add('loader.jsx', {
  test: ....
})

// loader, perLoader, postLoader
cooking.add('preLoader.vue', {
  test: /\.vue$/
  loaders: ['eslint']
})

// 其实第一个参数就是一个 key 一样的存在,不重复就行,叫什么都无所谓
cooking.add('plugins.noerrors', new webpack.NoErrorsPlugin()) 

// 删除插件
// 默认装配的插件会列在官方文档上
// noerrors 就是 NoErrorsPlugin
cooking.remove('plugins.noerrors')

// resolve 会返回一个处理过后的 webpack config,所以如果还想改配置就随意了 🌚
var config = cooking.resolve()

module.exports = config
furybean commented 8 years ago

👍