UmiJS项目打包时将某个文件复制到打包文件中

497 阅读1分钟

项目打包时想将某个文件复制到打包文件中

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' },
          ],
        }),
    );
  },