项目打包时想将某个文件复制到打包文件中
1.webpack配置文件中可以这样配置,用到了copy-webpack-plugin插件:
1.1 首先安装插件:
npm install copy-webpack-plugin --save-dev
1.2 在webpack.config.js中添加如下配置:
//webpack.config.js
const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');
module.exports = {
plugins: [
new CleanWebpackPlugin(),
new CopyPlugin({ patterns: [{ from: path.resolve(__dirname, '../package.json'), to: '../jq/package.json' }] }),
],
};
2.项目使用UmiJS框架该如何配置?
方法一:UmiJS配置中提供了copy可以配置复制到输出目录的文件或文件夹,默认从
写法1:相对路径的起始为项目的根目录
copy: \[{ from: 'package.json', to: 'package.json' }],
写法2:默认将文件拷贝到输出目录中
copy: \['package.json'],
方法二:使用chainWebpack,做如下配置
chainWebpack(memo, { env, webpack }) {
memo.plugin('copy').init(
(Plugin, args) =>
new Plugin({
patterns: [
{ from: path.resolve(__dirname, '../package.json'), to: '../dist/package.json' },
],
}),
);
},