App下載

使用vue-cli構建項目打包需要注意哪些事項?項目打包經驗分享!

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

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


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?,否則將會打包失敗出現報錯。

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

utils中的修改內容


總結:

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




0 人點贊