Webpack 4 学习10 (运用webpack插件拷贝静态文件(copy-webpack-plugin))

Posted 邢走在云端

tags:

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

  • 安装插件

    npm install --save-dev copy-webpack-plugin
  • 配置webpack.config.js

    • 头部引入插件

      const CopyWebpackPlugin = require('copy-webpack-plugin');
    • plugins模块引入

       new CopyWebpackPlugin([
             {
               from:__dirname+'/public/lib',
               to:__dirname+'/build/lib'
             }
           ])
  • 运行打包命令

    webpack --mode development

    技术图片

以上是关于Webpack 4 学习10 (运用webpack插件拷贝静态文件(copy-webpack-plugin))的主要内容,如果未能解决你的问题,请参考以下文章

运用webpack复制静态文件

探寻 webpack 插件机制

Webpack 4 学习04(配置webpack-dev-server)

webpack 4.x 初级学习记录

webpack学习-10天搞定webpack4

webpack4.x的使用历程