shell 中长命令的换行处理

考察下面的脚本：

emcc -o ./dist/test.html --shell-file ./tmp.html --source-map-base dist -O3 -g4 --source-map-base dist -s MODULARIZE=1 -s "EXPORT_NAME="Test"" -s USE_SDL=2 -s LEGACY_GL_EMULATION=1 --pre-js ./pre.js --post-js ./post.js --cpuprofiler --memoryprofiler --threadprofilermain.cpp

这里在调用 emcc 进行 WebAssembly 编译时，组织了很多参数。整个命令都在一行之中，不是很好阅读和维护。

换行

可通过加 的方式来进行换行拆分。

改造后看起来像这样，一个参数占一行：

emcc -o ./dist/test.html
    --shell-file ./tmp.html
    --source-map-base dist
    -O3
    -g4
    --source-map-base dist
    -s MODULARIZE=1
    -s "EXPORT_NAME="Test""
    -s USE_SDL=2
    -s LEGACY_GL_EMULATION=1
    --pre-js ./pre.js
    --post-js ./post.js
    --cpuprofiler
    --memoryprofiler
    --threadprofiler
   main.cpp

注释

通过 （backslash） 换行后，整体阅读体验好了很多。进一步，我们想要为每个参数添加注释，发现不能简单地这样来：

emcc -o ./dist/test.html # 目标文件
    --shell-file ./tmp.html # 模板文件
    --source-map-base dist
    -O3
    -g4
    --source-map-base dist
    -s MODULARIZE=1
    -s "EXPORT_NAME="Test""
    -s USE_SDL=2
    -s LEGACY_GL_EMULATION=1
    --pre-js ./pre.js
    --post-js ./post.js
    --cpuprofiler
    --memoryprofiler
    --threadprofiler
   main.cpp

这样会导致整个 shell 脚本解析失败。

实测发现，也不能这样：

emcc -o
    # 目标文件
    ./dist/test.html 
     # 模板文件
    --shell-file ./tmp.html
    --source-map-base dist
    -O3
    -g4
    --source-map-base dist
    -s MODULARIZE=1
    -s "EXPORT_NAME="Test""
    -s USE_SDL=2
    -s LEGACY_GL_EMULATION=1
    --pre-js ./pre.js
    --post-js ./post.js
    --cpuprofiler
    --memoryprofiler
    --threadprofiler
   main.cpp

同样会导致解析失败。

说到底，通过 拆分的命令，只是呈现上变成了多行，其中插入的注释是会破坏掉语义的。

但也不是没办法添加注释了，几经周转发现如下写法是可行的：

emcc -o ./dist/test.html `# 目标文件` 
    --shell-file ./tmp.html `# 模板文件` 
    --source-map-base dist `# source map 根路径` 
    -O3 `# 优化级别` 
    -g4 `# 生成 debug 信息` 
    --source-map-base dist
    `# -s MODULARIZE=1`
    -s "EXPORT_NAME="Test""
    -s USE_SDL=2
    -s LEGACY_GL_EMULATION=1
    --pre-js ./pre.js
    --post-js ./post.js
    --cpuprofiler
    --memoryprofiler
    --threadprofiler
   main.cpp

即通过 `（backtick） 来包裹我们的注释，就不会破坏掉脚本的语义了，能够正确解析执行。

进一步，解决了注释的问题，如果我们不想要某一行，同时又不想删除，可以像下面这样来注释：

emcc -o ./dist/test.html `# 目标文件` 
    --shell-file ./tmp.html `# 模板文件` 
    --source-map-base dist `# source map 根路径` 
    -O3 `# 优化级别` 
    -g4 `# 生成 debug 信息` 
    --source-map-base dist
    -s MODULARIZE=1
    -s "EXPORT_NAME="Test""
    -s USE_SDL=2
    -s LEGACY_GL_EMULATION=1
    `# --pre-js ./pre.js`
    --post-js ./post.js
    --cpuprofiler
    `# --threadprofiler`
    --memoryprofiler
   main.cpp