vue-cli3腳手架處理public里面的靜態資源到構建目錄代碼


 webpackConfig
        .plugin('copy')
          .use(require('copy-webpack-plugin'), [[{
            from: publicDir,
            to: outputDir,
            toType: 'dir',
            ignore: publicCopyIgnore
          }]])
publicDir:--dir,resolve('public')
outputDir:build時自己配置的輸出打包文件去哪個目錄,默認是dist

因為public里面的資源不經過webpack打包,直接用這個copy插件把public的靜態資源copy到構建目錄里面

這是vue-cli3里面腳手架自動配置的
如果你的構建目錄也就是
outputDir的assetsDir不是‘’的話 那你得記得自己在vue.config.js那里配置一下,要不然他會把靜態資源copy不過去你想要的位置
記得用vue3的chainWebpack配置,代碼如下
config.plugin('copy').tap((args) => {
            args[0][0].to += `assetsDir`; 

return args; });

 




免責聲明!

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



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