1. 程式人生 > >運用webpack復制靜態文件

運用webpack復制靜態文件

運用webpack復制靜態文件及文件夾

1. 運用yarn或npm添加相應的依賴包


在命令行中輸入

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

    yarn add copy-webpack-plugin -D

2. 在webpack.config.js 中引入依賴,根據實際項目路徑並進行配置


技術分享圖片

技術分享圖片

3. 然後通過webpack進行打包


在命令行中輸入(webpack4.x版本)

    webpack --mode production


技術分享圖片

可以發現,靜態文件以及進行成功轉移。

註:常見錯誤

  文件夾的相對路徑比較容易寫錯,構建就會報如下錯誤

    Error in [copy-webpack-plugin] unable to local "**" at "**"


  使用Node.js中的全局變量__dirname+文件夾路徑即可(例:“/src/assets”)

運用webpack復制靜態文件