今天我們來(lái)說(shuō)說(shuō)有關(guān)于“使用vue-cli構(gòu)建項(xiàng)目打包需要注意哪些事項(xiàng)？”這個(gè)問(wèn)題的相關(guān)的一些內(nèi)容的分享吧！下面是小編整理的相關(guān)內(nèi)容希望對(duì)大家有所幫助！
1.在我們要開(kāi)始打包的時(shí)候需要將文件中?config?文件夾下的?index.js?中的? / ?改成? ./ ?之后，我們?cè)佥斎?npm run build?打包命令，否則打開(kāi)?index.html?會(huì)為空白頁(yè)。修改部分代碼如下：
build: {
index: path.resolve( __dirname, '../dist/index.html "),
assetsRoot: path.resolve( __dirname, '../dist'),assetsSubDirectory: 'static',
//修改的部分在這
assetsPublicPath: './'_,
2.另外在打包時(shí)項(xiàng)目中需要先安裝整個(gè)依賴?node_modules?，否則將會(huì)打包失敗出現(xiàn)報(bào)錯(cuò)。
3.打包時(shí)找不到woff字體文件，我們可以在?build?下的?utils?第40行增加?publicPath:"../../"?，截圖如下：
總結(jié)：
以上就是有關(guān)于“使用vue-cli構(gòu)建項(xiàng)目打包需要注意哪些事項(xiàng)?”這個(gè)問(wèn)題的相關(guān)內(nèi)容，當(dāng)然如果你有更好的方法也可以和大家分享討論一下，更多相關(guān)的vue的知識(shí)我們都可以在W3cschool中搜索和學(xué)習(xí)我們需要的內(nèi)容知識(shí)！
