vue项目打包时将某文件复制到制定目录下

最新推荐文章于 2024-07-29 00:07:00 发布

Big_LiuSir

最新推荐文章于 2024-07-29 00:07:00 发布

阅读量3.6k

点赞数 1

文章标签： vue.js javascript webpack

本文链接：https://blog.csdn.net/weixin_43764914/article/details/125277265

版权

在Vue项目开发中，有时需要在打包时将特定文件复制到指定位置，例如配置文件。本文介绍了如何通过安装和配置`copy-webpack-plugin`插件来实现这一需求。首先，你需要使用npm安装该插件，然后在vue.config.js中引入并配置插件，将要拷贝的文件和目标路径设置好，即可在打包过程中自动完成文件的复制。

摘要由CSDN通过智能技术生成

前言：很多时候我们在打包vue项目时都会遇到在不同环境下需要将某个文件拷贝到某制定目录下，如配置文件，这时就需要copy-webpack-plugin这一插件。

1、安装copy-webpack-plugin插件

npm install --save-dev copy-webpack-plugin

2、在vue.config.js中进行配置

//1 引入插件copy-webpack-plugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
//2 使用这个插件
module.exports = {
	configureWebpack:{
		plugins:[
			new CopyWebpackPlugin([
				{from:'要拷贝的文件',to:'要拷贝到的路径（不写默认是打包的根目录）'}
			])
		]
	}
}