feflow-devkit-qmh-webpack4 v1.0.2

特性

• 使用webpack4 + babel7 最新的构建解决方案

• 支持React，Vue的编译运行

• 目前支持多个环境配置（dev， test，formalTest，demo, prod ）

开始使用

先通过 cnpm 安装 feflow 开始.

cnpm install @feflow/cli -g

添加feflow.json配置文件

在项目根目录添加 feflow.json 或者 feflow.js 配置文件

   # feflowrc.json
   
   {
     "devkit": {
       "commands": {// fef命令配置 dev, test...
         "dev": {  
           "builder": "feflow-devkit-qmh-webpack4:dev",
           "options": {	// 配置单独配置 配置项参考下面公用配置项
             "isMinicss": false,
             "port": 8013
           } 
         },
         "test": {
           "builder": "feflow-devkit-qmh-webpack4:test",
           "options": {
             "isMinicss": true
           }
         },
         "formalTest": {
           "builder": "feflow-devkit-qmh-webpack4:formalTest",
           "options": {
             "isMinicss": true
           }
         },
         "demo": {
           "builder": "feflow-devkit-qmh-webpack4:demo",
           "options": {
             "isMinicss": true
           }
         },
         "build": {
           "builder": "feflow-devkit-qmh-webpack4:build",
           "options": {
             "port": 8003,
             "isMinicss": true,
			  externals: [
                {
					optionsId: 100,  //  xbc会将 optionsId 一致的配置去重，用作公共配置和单个配置的 去重
                    module: "antd",
                    entry: "https://cdn.bootcss.com/antd/3.26.12/antd.min.js",
                    global: "antd"     
                },
          	   ],
           }
         }
       },
       "commons": {// 此处为公用配置
         "entry": "main.js",// 配置项目webpack 编译入口
         "isModule": false,	// 开启css模块化 (vue项目不需要开启)
         "isMinicss": true,	// 是否需要抽离css (本地调试环境不需要)		
         "hasAnalyzer": false,// 是否开启webpack包大小的调试
         "analyzerOptions": {	// 调试包的配置
             "analyzerPort": 3478
         },
         "port": 1234,// webpack静态服务器启动端口号
         "alias": {// webpack别名配置
           "@": "src",
         },
         externals: [
                {
					optionsId: 100,  //  xbc会将 optionsId 一致的配置去重，用作公共配置和单个配置的 去重
                    module: "antd",
                    entry: "https://cdn.bootcss.com/antd/3.26.12/antd.min.js",
                    global: "antd"     
                },
          ],
         "envs": {// 环境变量配置 目前只支持固定环境变量配置
           "dev": {
             "envObj": {
               "NODE_ENV": "\"development\"",
               "API_HOST": "\"http://xxx.xxx.xx.x:xxxx\"",
             }
           },
           "test": {
             "envObj": {
               "NODE_ENV": "\"test\"",
               "API_HOST": "\"http://xxx.xxx.xx.x:xxxx\"",
             }
           },
           "formalTest": {
             "envObj": {
               "NODE_ENV": "\"formalTest\"",
               "API_HOST": "\"http://xxx.xxx.xx.x:xxxx\"",
             }
           },
           "demo": {
             "envObj": {
               "NODE_ENV": "\"demo\"",
               "API_HOST": "\"http://xxx.xxx.xx.x:xxxx\"",
             }
           },
           "build": {
             "envObj": {
               "NODE_ENV": "\"production\"",
               "API_HOST": "\"http://xxx.xxx.xx.x:xxxx\"",
             }
           }
         }
       }
     }
   }
   

命令

根据作者目前公司配置的环境 可以只使用其中一部分

$ fef dev      # 本地开发时的命令
$ fef test     # 发布时的打包命令开发测试
$ fef formalTest   # 发布时的打包命令测试测试
$ fef demo     # 发布时的打包命令演示环境
$ fef build    # 发布时的打包命令生产环境

文档

待定

本地调试方式

咨询开发者287207951@qq.com

贡献代码方式

pr工作流

git提交规范

参考地址

eslint规范

待定