如果我们需要在我们的项目中直接自动复制一个文件到打包后的路径中,我们可以使用copy-webpack-plugin解决这个问题
1、安装插件
npm install --save-dev copy-webpack-plugin
2、在vue.config.js中引入并使用
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.export={
...,
// 使用这个插件
configureWebpack: {
plugins: [
new CopyWebpackPlugin([
// aaa.txt是一个静态的文件,我们直接使用copy-webpack-plugin插件将文件复制到我们打包后的路径中,from为需要复制的文件的路径,还有一个to属性是复制到哪里的路径,不写则默认复制到打包后文件的根目录。
{ from: './aaa.txt' ,(to:'/dist')},
// 若有多个文件,可接着在下面添加对象
// { from: './bbb.txt' ,(to:'/dist')}
])
]
}
}