Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用带有angular Builder的自定义网页将整个目录复制到dist/中?_Angular_Webpack_Angular Builder - Fatal编程技术网

如何使用带有angular Builder的自定义网页将整个目录复制到dist/中?

如何使用带有angular Builder的自定义网页将整个目录复制到dist/中?,angular,webpack,angular-builder,Angular,Webpack,Angular Builder,我正在使用Angular Builder在生成的dist/目录中添加一些额外的文件和文件夹。在本例中,我希望将目录src/assert/puppies和src/assert/kittens复制到名为anives/的文件夹中 换句话说,我想要这个 src/ |--- assets/ |----puppies/ |--- *.jpg |--- .... |----kittens/

我正在使用Angular Builder在生成的
dist/
目录中添加一些额外的文件和文件夹。在本例中,我希望将目录
src/assert/puppies
src/assert/kittens
复制到名为
anives/
的文件夹中

换句话说,我想要这个

src/
 |--- assets/
        |----puppies/
                |--- *.jpg
                |--- ....
        |----kittens/
                |--- *.jpg
                |--- ....
变成这样

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

angular.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"
            }
          }, 
这是我的
自定义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/

您可以使用

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

const CopyPlugin = require('copy-webpack-plugin');
然后将其添加到您的插件中:

plugins: [
  new CopyPlugin([
    { from: './src/assets/*', to: 'dist/animals/' },
  ]),
  ...
]
您可以使用

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

const CopyPlugin = require('copy-webpack-plugin');
然后将其添加到您的插件中:

plugins: [
  new CopyPlugin([
    { from: './src/assets/*', to: 'dist/animals/' },
  ]),
  ...
]

是的,但具体如何?他们给出的例子在这种情况下不起作用是插件抛出错误,还是什么都不做?我应该把这个
插件
属性放在哪里?它在我的
自定义webpack.config.js
中的位置?“插件”应该是module.exports的属性。require应该放在文件的顶部。不幸的是,这不起作用。我甚至没有在
dist
中找到
animals
目录,是的,但具体如何?他们给出的例子在这种情况下不起作用是插件抛出错误,还是什么都不做?我应该把这个
插件
属性放在哪里?它在我的
自定义webpack.config.js
中的位置?“插件”应该是module.exports的属性。require应该放在文件的顶部。不幸的是,这不起作用。在
dist