欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何配置vue.config.js 處理static文件夾下的靜態(tài)文件

 更新時(shí)間：2020年06月19日 14:56:42   作者：delebasou  
這篇文章主要介紹了如何配置vue.config.js 處理static文件夾下的靜態(tài)文件，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

最近開(kāi)發(fā)過(guò)程中遇到個(gè)小需求，需要根據(jù)需求動(dòng)態(tài)配置一些靜態(tài)數(shù)據(jù)，但我不想直接把這個(gè)靜態(tài)文件引入進(jìn)來(lái)，build時(shí)就會(huì)把數(shù)據(jù)打包到j(luò)s文件中，造成js文件很大；呃呃。。。。（ps:就想給自己找點(diǎn)別扭）
回頭看一下項(xiàng)目，果斷的在根目錄下創(chuàng)建一個(gè)static/test.json文件,在目標(biāo)頁(yè)面下fetch獲取這個(gè)json文件里的數(shù)據(jù)：

fetch("../static/test.json")
.then(res => res.json())
.then(res => {
//獲取到了數(shù)據(jù)
})
.catch(err=>{
//解析錯(cuò)誤或者獲取數(shù)據(jù)失敗
})

ok，就這么簡(jiǎn)單，完活了運(yùn)行起來(lái)看看效果（灰常自信）；

結(jié)果現(xiàn)實(shí)給了我一記記大嘴巴子；
他居然走了catch error，打開(kāi)瀏覽器查看一下


結(jié)果狀態(tài)是200，fetch請(qǐng)求沒(méi)有什么問(wèn)題，那就可能是json文件路徑有問(wèn)題，它不想讓我找到，居然和我躲貓貓；我這小脾氣怎么能忍，結(jié)果又一個(gè) 2000 years later。。。。

我發(fā)現(xiàn)在我build完后，打包好的項(xiàng)目中沒(méi)有test.json文件，因?yàn)槲矣玫氖莢ue-cli 3.x 構(gòu)建的項(xiàng)目，在不引用的情況下，不會(huì)把這個(gè)靜態(tài)文件打包帶走的，所以 真想只有一個(gè)，不是人家在躲貓貓，是我根本就沒(méi)帶人家玩。

so 正文終于來(lái)了（對(duì)不起，前戲有點(diǎn)多）：

我想把static下所有的靜態(tài)文件原封不動(dòng)打包帶走，我想到了

copy-webpack-plugin

安裝完成后在vue.config.js 文件配置一下吧

//引入
const CopyWebpackPlugin = require("copy-webpack-plugin") //引入插件

module.exports = {
  
  configureWebpack: {
    plugins: [
     new CopyWebpackPlugin({
      patterns:[{
       from: "./static",
       to: 'static'
      }]
     })
    ]
 }
}

ok，就這么簡(jiǎn)單，完活了運(yùn)行起來(lái)看看效果（還是灰常自信）：

以上就是遇到這個(gè)問(wèn)題整個(gè)解決的思路啦；

到此這篇關(guān)于如何配置vue.config.js 處理static文件夾下的靜態(tài)文件的文章就介紹到這了,更多相關(guān)vue.config.js處理靜態(tài)文件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論