0

我正在使用 Angular 构建器在dist/生成的目录中添加一些额外的文件和文件夹。src/assert/puppies在这种情况下，我希望将目录src/assert/kittens复制到一个名为animals/.

换句话说，我想要这个

src/
 |--- assets/
        |----puppies/
                |--- *.jpg
                |--- ....
        |----kittens/
                |--- *.jpg
                |--- ....

成为这个

dist/
 | main.js
 | vendor.js
 | ...
 |--- animals/
         |--- images...

角.json

这是我的 angular.json 文件的相关部分：

"build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": [
              "src/favicon.ico",
              "src/assets",
              "src/manifest.json",
              {
                "input": "node_modules/jquery/dist",
                "glob": "jquery.js",
                "output": "./vendor"
              }
            ],
            "styles": ["src/styles.scss"],
            "scripts": [],
            "customWebpackConfig": {
              "path": "./custom-webpack.config.js"
            }
          },

这是我的custom-webpack.config.js。我已经有了这些内容，因为我希望编译和复制这些脚本。

module.exports = {
  entry: {
    "special-scripts/login":
      "src/custom/login/login.ts",
    "special-scripts/logout":
      "src/custom/logout/logout.ts"
  }
};

我要添加什么才能以上述方式custom-webpack.config.js将这些资产文件夹复制到其中？dist/

4

1 回答 1

2

您可以使用CopyWebpackPlugin。

将其导入您的 custom-webpack.config.js：

const CopyPlugin = require('copy-webpack-plugin');

然后将其添加到您的插件中：

plugins: [
  new CopyPlugin([
    { from: './src/assets/*', to: 'dist/animals/' },
  ]),
  ...
]
于 2019-12-11T23:38:56.323 回答