如何使用vue-cli-service build命令复制资产？

Question

下面是我的应用src目录的内容。如何使用src/assets/others命令将dist/others中的文件复制到vue-cli-service build文件夹？顺便说一句。我的项目是使用vue create命令创建的。

    src/
    ├── App.vue
    ├── assets
    |    ├── others
    |        └── metadata.xlsx
    dist/
    ├── css
    │   ├── app.4d032e62.css
    │   └── chunk-vendors.f6f30965.css
    ├── favicon.ico
    ├── img
    │   └── upload.a0fd70ac.svg
    ├── index.html
    └── js
        ├── app.11cd5b00.js
        ├── app.11cd5b00.js.map
        ├── chunk-vendors.58c6929b.js
        └── chunk-vendors.58c6929b.js.map

Answer 1

在Vue CLI项目中，src/assets目录通常包含Webpack处理的文件（用于缩小等），static assets存储在public目录中。因此，您可以将src/assets/others移至public/others，然后在构建过程中将它们自动复制到dist。

另一方面，如果出于某种原因，您宁愿src/assets目录也包含静态资产，则可以在构建时将configure the WebpackCopyPlugin（已包含在Vue CLI中）复制WebpackCopyPlugin到src/assets/others：

dist/others