copy-webpack-plugin最简使用示例

最新推荐文章于 2025-06-24 17:28:04 发布

weixin_30518397

最新推荐文章于 2025-06-24 17:28:04 发布

阅读量544

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/xiaoyucoding/p/7164427.html

本文介绍如何使用copy-webpack-plugin插件来拷贝文件。通过npm安装并配置webpack插件，实现从源目录到构建目录的文件复制。示例展示了具体配置方法。

拷贝文件的插件

加载插件

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

API

new CopyWebpackPlugin(patterns: Array, options: Object)

patterns：数组，最常用的每项的格式为{from: 'path', to: 'path'}。
options：其它配置。

示例

目录结构

build
- test
src
- test
  - test.js
- index.js
webpack.config.js

配置信息

webpack.config.js

var path = require('path');
var CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    entry: path.resolve(__dirname, 'src'),
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'app.js'
    },
    context: path.resolve(__dirname, 'src'),
    plugins: [
        new CopyWebpackPlugin([{
            from: 'test/test.js',
            to: 'test'
        }], {
            ignore: [],
            copyUnmodified: true
        })
    ]
};

执行命令