webpack静态资源拷贝插件

Posted 粥里有勺糖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack静态资源拷贝插件相关的知识,希望对你有一定的参考价值。

处理不需要使用webpack统一打包处理或webpack不支持的文件

安装

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

配置

const copyWebpackPlugin=require('copy-webpack-plugin');

module.exports={
    plugins:[
        new copyWebpackPlugin([
        {
            from:__dirname+"/public/jquery.js",
            to:__dirname+"/build/jquery.js"
        },
        {
            from:__dirname+"/public/index.js",
            to:__dirname+"/build/index.js"
        }
        ])
    ]
}

以上是关于webpack静态资源拷贝插件的主要内容,如果未能解决你的问题,请参考以下文章

Webpack将静态资源拷贝并压缩至输出文件夹

(22/24) webpack实战技巧:静态资源集中输出

webpack工具

webpack工具

Webpack5静态资源内联

Webpack5静态资源内联