起步 #

快速开始 #

  1. npm install ykit -g
  2. mkdir ykit-app && cd ykit-app
  3. ykit init 这个命令会初始一个 YKit 应用。如果是 qunar 项目,则为 ykit init qunar(需要内网环境)
  4. cd .. && ykit server
  5. 访问 localhost/ykit-app/index.html

配置项 #

初始化完成后会在项目中生成一个 ykit.js,有类似下面的配置:

module.exports = {
    plugins: [],
    config: {
        export: ['./scripts/index.js', './styles/index.css'],
        modifyWebpackConfig: function modifyWebpackConfig(baseConfig) {
            // edit ykit's Webpack configs

            return baseConfig;
        }
    },
    hooks: {},
    commands: []
};
  • plugins - 当前引入的插件。因为我们初始化的是 qunar 项目,所以会自动引入相应插件。根据需求还可以安装和引入更多插件。
  • config.exports - 资源的入口路径。
  • config.modifyWebpackConfig - 通过该函数可以对当前 Webpack 配置(baseConfig)进行修改。
  • hooks - 打包过程钩子。
  • commands - 自定义命令。

具体如何配置请查看YKit-配置