mofast
精简、实用的前端构建工具
Last updated a year ago by wanthering .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install mofast 
SYNC missed versions from official npm registry.

mofast

[Move Fast] 精简实用的前端构建工具。

安装

yarn add mofast -D

或者

npm i mofast -D

示例

假如你的js文件夹下有app.js 和 index.js

const mofast = require('mofast')

mofast()
  .source('js/**')
  .babel()
  .dest('dist')

执行完这段代码,你就会发现js文件夹下的文件通过babel转译,导入到了dist文件夹中。

完整的示例,可以example文件夹下查看。

示例中实现了功能:

  • prompt对话框交互
  • 将对话框得到的数据写入模板
  • less文件转译成css
  • js文件通过babel
  • js文件uglify

基本上,gulp、grunt、blacksmith、yeoman、fis3能实现的功能,mofast都能实现。

API

mofast()

返回Mofast实例

.source(pattern, [options])

pattern

类型: Array或String 必选: 是

一个glob模式,或者一个glob模式数组。

options

baseDir

类型: String 默认: '.' 存放源文件的根目录,glob在这个目录下开始查询所需文件。

dotFile

类型: Boolean 默认: true

是否包含隐藏文件

.use(middleware)

middleware

类型: Function 必选: 是

middleware是一个接收Mofast对象做为参数的函数。它常常用来访问this.files和this.meta对象,以及其中的方法

function customMiddleware(context){
  const files = context.files
  for(let filepath of files){
    context.writeContents(filepath, 'some string')
  }
  context.meta = {name: 'some name'}
}

middleware可以是同步函数,也可以是异步函数。

.dest(directory, [options])

异步函数,将源文件写入目标文件夹。 采用await异步调用方式。 或者接收Promise对象。

directory

类型:String 必选: 是

输出到的目标文件夹,可以是绝对路径和相对路径。

options

baseDir

类型: String 默认: '.'

如果目标文件夹是相对路径,它的起始点为baseDir

clean

类型:Boolean

设定是否在写入前,清空目标文件夹

.process()

与.dest执行一样,但不输出到目标文件夹。

.engine

.files

当你调用过 .process() 或.dest()之后。 你再调用.files将会发现它是一个这样的对象

{
  'src/index.js': {
    contents: Buffer<...>, // 文件内容的Buffer
    stats: {}, //fs.stats对象
    path: '/absolute/path/to/src/index.js' // 源文件路径
  }
}

.fileList

获取所有相对路径组成的数组,如

[
  '.gitignore',
  'src/index.js'
]

.filter(handler)

handler(filepath, file)

当返回true时,则保留文件,当返回false将移除文件。

filepath

文件的相对路径

file

文件对象

.meta

类型: Object 默认: {}

用来在所有中间件中传递数据的函数。 同时,在调用.engine时,第二个对象参数将自动把.meta合并进去,直接进行模板引擎渲染。

.file(filepath)

返回filepath对应的文件。

.deleteFile(filepath)

删除filepath对应的文件。

.createFile(filepath,file)

在filepath的位置创建file文件。

.fileContent(filepath)

取得filepath对应的文件的内容。

writeContent(filepath, content)

向filepath位置的文件写入内容。

.rename(changer)

类型: Object 必须: 是 输入的change为{'a.js':'b.js'}时,在构建时将文件'a.js'改名为'b.js'

加入我们

  1. 点击右上角的Fork按钮。
  2. 新建一个分支:git checkout -b my-new-feature
  3. 上报你的更新:git commit -am 'Add some feature'
  4. 分支上传云端:git push origin my-new-feature
  5. 提交 pull request????

作者信息

mofast © wanthering, Released under the MIT License.

GitHub @wanthering

Current Tags

  • 0.0.4                                ...           latest (a year ago)

4 Versions

  • 0.0.4                                ...           a year ago
  • 0.0.3                                ...           a year ago
  • 0.0.2                                ...           a year ago
  • 0.0.1                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (8)
Dev Dependencies (13)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |