如何在 Ionic2 构建脚本中运行复制命令

Question

我正在尝试将单个文件从src位置复制到"www"输出文件夹。然后，我想将其合并到构建过程中，以便在运行所有核心构建脚本后，它会运行我的命令。

我正在遵循 Ionic 应用程序构建脚本中的示例。基本上我有：

使用我的命令添加了一个新的配置文件（根据此示例）：config\webpack_rj.config.js

module.exports = {
    copyIndexContent: {
        src: ['{{SRC}}/web.config'],
        dest: '{{WWW}}'
    }
}

在我的package.json中，我添加了：

"config": {
  "pwa_copy_webconfig": "./config/webpack_rj.config.js"
},

这是我不明白的部分 - 当我运行正常的构建过程时如何实际运行它。

我尝试在package.json中添加一个额外的"脚本"条目：

"build": "ionic-app-scripts build ./config/webpack_rj.config.js",

然而，这并没有奏效。那么，如何从构建过程中调用copyIndexContent或pwa_copy_webconfig呢？

Answer 1

您正在尝试向生成过程添加新步骤，而不是扩展复制。除非您对应用程序脚本模块进行自定义更改以从配置中获取pwa_copy_webconfig命令，否则这是不可能的。

一种常见的方法是扩展现有的配置文件。您可以扩展webpack_rj.config.js文件中的copy.config.js。

const copyConfig = require('path_to_default_copy_config');
copyConfig.copyIndexContent.src.push('{{SRC}}/web.config');

在 package.json 中添加：

"config": {
  "ionic_copy": "./config/webpack_rj.config.js"
},

感谢 Raj 在此处对不同应用程序脚本配置的回答。