場景一：下載本地excel模版文件
場景二：引入靜態(tài)資源包佃迄，比如clipboard.js實(shí)現(xiàn)復(fù)制功能
場景三：引入pdf.js文件贮泞，實(shí)現(xiàn)pdf文件預(yù)覽
場景四：需要在打包后修改配置地址
靜態(tài)資源存放位置
靜態(tài)資源文件放入public文件夾下（類似cli2里面的static文件夾），打包時(shí)不會(huì)被wenpack處理窒典，輸出文件在dist文件夾下。
引入方式：
publicPath: process.env.BASE_URL; //獲取靜態(tài)資源路徑
<a :href="`${publicPath}xxx.xlsx"` target="_blank">點(diǎn)擊下載模版</a>
在index.html中通過
<script src="<%= BASE_URL %>clipboard.min.js"></script>
參考
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
可以看到項(xiàng)目中ico圖標(biāo)就是通過這種方式引入！猜绣！
- pdf預(yù)覽
var fileUrl = encodeURLComponent('xxxx'); // xxxx文件下載的路徑，注意要對(duì)url編碼
var pdfUrl = process.env.BASE_URL+'pdfjs/web/viewer.html?file='+fileUrl; // iframe的src地址
- 修改打包后的配置地址
public文件夾下文件是不被處理的敬特，所以我們可以創(chuàng)建一個(gè)config.js文件
config.js
window.global_config = {
BASE_URL: 'http://localhost:8080'
}
在index.html中引入
<script src="<%= BASE_URL %>config.js"></script>
使用
console.log(window.global_config.BASE_URL)
遇到的問題掰邢，修改打包后的config.js文件牺陶，值不更新
排查方式：
1.先確認(rèn)config.js文件是否更新，瀏覽器的緩存可能會(huì)影響
2.可以修改js文件名辣之，比如加上hash值掰伸，config.hashxxx.js，在index.html引入的地方也要對(duì)應(yīng)修改
綜上
本地測試ok
