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

Question

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

我正在关注 Ionic 的应用构建脚本中的 examples。基本上我有：

用我的命令添加了一个新的配置文件（按照这个 example）：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 中添加一个额外的 "scripts" 条目：

"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's answer 不同的应用程序脚本配置。