feat(cli): 开发模式下支持压缩文件 (#1102)

* feat(cli): 支持 watch 模式启用文件压缩

* docs: 增加 minimize 的文档说明

docs/faq.md

@@ -106,3 +106,9 @@ Remax 默认为微信的每个 host 组件定义了嵌套层数。其中 `View`
  }
 }
 ```
+
+## 小程序开发模式下 `remax build --watch` 无法真机预览?
+
+开发模式下默认不压缩文件以保证快速的响应文件变更，如需在开发模式进行真机调试（压缩文件），可以使用　`--minimize` 或 `-m` 参数开启，会增加整体构建时间，请酌情使用。
+
+注意：minimize 压缩不等同于生产模式！

packages/remax-cli/src/build/index.ts

@@ -32,17 +32,17 @@ export function run(options: Options): webpack.Compiler {
  }
 }
 
-export function build(argv: Pick<Options, 'target' | 'watch' | 'notify' | 'port' | 'analyze'>) {
+export function build(argv: Pick<Options, 'target' | 'watch' | 'notify' | 'port' | 'analyze' | 'minimize'>) {
  const { target } = argv;
 
  process.env.REMAX_PLATFORM = target;
 
- const options = getConfig();
+ const { compressTemplate, ...options } = getConfig();
 
  output.message(`\n⌨️ Remax v${remaxVersion()}\n`, 'green');
  output.message(`🎯 平台 ${target}`, 'blue');
 
- const result = run({ ...options, ...argv });
+ const result = run({ ...options, ...argv, compressTemplate: argv.minimize });
 
  return result;
 }

packages/remax-cli/src/build/webpack/config.mini.ts

@@ -86,7 +86,7 @@ export default function webpackConfig(api: API, options: Options, target: Platfo
  },
  },
  });
- config.optimization.minimize(false);
+ config.optimization.minimize(options.minimize ?? false);
 
  config.module
  .rule('config')

packages/remax-cli/src/index.ts

@@ -57,6 +57,12 @@ export function run(args: any, callback?: yargs.ParseCallback) {
  type: 'boolean',
  default: false,
  })
+ .option('minimize', {
+ describe: '最小化文件',
+ alias: 'm',
+ type: 'boolean',
+ default: false,
+ })
  .showHelpOnFail(false);
 
  return cli.parse(args, callback);

packages/remax-types/src/index.ts

@@ -26,6 +26,7 @@ export interface Options {
  watch?: boolean;
  target?: Platform;
  analyze?: boolean;
+ minimize?: boolean;
 }
 
 export type Config = Partial<Options>;