App下載

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

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

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

1.在我們要開始打包的時候需要將文件中?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.另外在打包時項目中需要先安裝整個依賴?node_modules?，否則將會打包失敗出現(xiàn)報錯。

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

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

總結：

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




Vue.js

0 人點贊