imfe

前端本地工程管理工具

Install

npm install -g imfe

命令

$ imfe -h

  Usage: imfe [command] [option]

  Commands:

    init [dir]       Initialize a directory as project root.
    new <dirname>    Create file or directory. eg：imfe new a/b/c.txt
    server [option]  Start static server.
    build [option]   Minify javascript and css files.
    add <pluginName> Add a new plugin with default files.

  Options:

    -h, --help     output usage information
    -V, --version  output the version number
    -p, --port     Set server port. Default as 8081.
    -d, --debug    Copy directories from src to dist.

示例

# 安装好工具后，初始化项目（若init后不带目录名，则初始化当前目录）
imfe init im

# 项目初始化完成，会产生一个im的项目目录，里面包含src目录
cd im

# 查看目录中的文件 src/css、src/js、src/images
ls （windows命令：dir）

# 在src目录中添加静态资源代码，完成后压缩代码（生成dist目录）
imfe build

# 控制台罗列编译文件列表，启动本地服务
imfe server

# 通过静态服务器访问静态资源
http://127.0.0.1:8081/dist/js/index/index.min.js

插件开发

# 新建Tab插件（包含基础文件）
imfe add tab

# 启动本地静态服务
cd tab && imfe server

# 预览插件DEMO
http://127.0.0.1:8081/demo/index.html