webpack中打包拷貝靜態文件CopyWebpackPlugin插件


copyWebpackPlugin:

  作用:用於webpack打包時拷貝文件的插件包

  安裝:npm install copyWebpackPlugin@版本號

  使用:// copy custom static assets

     new CopyWebpackPlugin([{

      from: path.resolve(__dirname, '../static'), //定義要拷貝的源目錄,必填項
      to: config.build.assetsSubDirectory, //定義要拷貝到的目標目錄,非必填,不填寫則拷貝到打包的output輸出地址中
     }])
  示例:
    項目結構:
                        

 

             使用示例:

        

 

    版本配置:

        

    打包效果:npm run build                打包前

                      

更多相關配置可參考https://www.webpackjs.com/plugins/copy-webpack-plugin/

如有不嚴謹和錯誤地方請希望指正,祝大家工作順利 !

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM