📦 YMFE / ykit

基于 Webpack 的灵活快速的打包工具,帮助稳定高效构建现代 JavaScript 应用。

396 stars 58 forks 👁 396 watching ⚖️ Apache License 2.0
build-toolcompilerjavascriptmodule-loaderwebpackykitymfe
📥 Clone https://github.com/YMFE/ykit.git
HTTPS git clone https://github.com/YMFE/ykit.git
SSH git clone git@github.com:YMFE/ykit.git
CLI gh repo clone YMFE/ykit
hongqi.gan hongqi.gan fix: add history ignore 1edd8b5 7 years ago 📝 History
📂 master View all commits →
📁 bin
📁 lib
📁 src
📁 static
📁 test
📄 .gitignore
📄 circle.yml
📄 LICENSE
📄 README.md
📄 yarn.lock
📄 README.md

YKit CircleCI

ENGLISH DOC

YKit 是一个基于 Webpack 的打包工具,它利用插件机制封装了各种 JavaScript 应用的配置,选择和安装合适的插件即可开始构建你的应用。

特性

  • 通过 init 命令快速初始化各种环境
  • 封装各类配置,减少搭建环境工作量
  • 包含 hot-reload 的本地 server

安装

  • latest 稳定版: [sudo] npm install ykit -g
  • 或者选择基于 Webpack@3.8.1 的最新版本:[sudo] npm install ykit@next -g

快速开始

  • 创建目录 mkdir ykit-app && cd ykit-app
  • 初始化工程 ykit init
  • 启动服务 ykit s -p 3000
  • 用浏览器访问 http://127.0.0.1:3000/index.html
初始化结束后,项目中会生成一个名为 ykit.js 的配置文件:

module.exports = {
    plugins: [],
    config: {
        export: ['./scripts/index.js', './styles/index.css'],
        modifyWebpackConfig: function (baseConfig) {
            // 更改 Webpack 配置
            return baseConfig;
        }
    },
    hooks: {},
    commands: []
};

配置文件选项

  • plugins - 插件是对一类配置和功能的封装,通过安装插件可以快速搭建开发环境
  • config.exports - 资源入口
  • config.modifyWebpackConfig - 用来更改 Webpack 现有配置的函数
  • hooks - 打包过程钩子
  • commands - 自定义命令

范例

通过插件快速搭建不同类型的应用,可参考以下示例。

文档

访问 ykit.ymfe.org 来获取更多 YKit 的文档。