App下載

使用vue-cli構(gòu)建項(xiàng)目打包需要注意哪些事項(xiàng)?項(xiàng)目打包經(jīng)驗(yàn)分享！

猿友 2021-06-19 14:00:13 瀏覽數(shù) (2676)
反饋

今天我們來說說有關(guān)于“使用vue-cli構(gòu)建項(xiàng)目打包需要注意哪些事項(xiàng)？”這個(gè)問題的相關(guān)的一些內(nèi)容的分享吧！下面是小編整理的相關(guān)內(nèi)容希望對大家有所幫助！

1.在我們要開始打包的時(shí)候需要將文件中?config?文件夾下的?index.js?中的? / ?改成? ./ ?之后，我們再輸入?npm run build?打包命令，否則打開?index.html?會為空白頁。修改部分代碼如下：

build: {
index: path.resolve( __dirname, '../dist/index.html "),
assetsRoot: path.resolve( __dirname, '../dist'),assetsSubDirectory: 'static',
   //修改的部分在這
assetsPublicPath: './'_,

2.另外在打包時(shí)項(xiàng)目中需要先安裝整個(gè)依賴?node_modules?，否則將會打包失敗出現(xiàn)報(bào)錯。

3.打包時(shí)找不到woff字體文件，我們可以在?build?下的?utils?第40行增加?publicPath:"../../"?，截圖如下：

utils中的修改內(nèi)容

總結(jié)：

以上就是有關(guān)于“使用vue-cli構(gòu)建項(xiàng)目打包需要注意哪些事項(xiàng)?”這個(gè)問題的相關(guān)內(nèi)容，當(dāng)然如果你有更好的方法也可以和大家分享討論一下，更多相關(guān)的vue的知識我們都可以在W3cschool中搜索和學(xué)習(xí)我們需要的內(nèi)容知識！




Vue.js

0 人點(diǎn)贊