我的解決辦法 1把不常改變的庫放到indexhtml中，通過cdn引入，比如下面這樣然后找到build文件，在 moduleexports = 中添加以下代碼externals #39vue#39 #39Vue#39， #39vuerouter#39 #39Vu。

可能是內(nèi)存空間不足，內(nèi)存空間不足會導(dǎo)致內(nèi)容太大而預(yù)覽失敗這就是其主要原因之一，可以適當(dāng)?shù)那謇韮?nèi)存，把不必要的刪掉以上便是我的答案，謝謝。

這兩天發(fā)現(xiàn)一個(gè)特別奇怪的問題，做好的Vue項(xiàng)目打包后頁面整體都縮小了，然后去度娘上搜索解決方案，但是上面都是頁面放大或者防止頁面縮小放大的解決方案，好不容易搜到有類似的標(biāo)題，但是沒有解決方案，百思不得其解，各種方。

一般情況如果用過第一種方案成功可以不使用第二種，我是遇到第一種配置內(nèi)存還不起作用的時(shí)候用第二種方案生效全局安裝increasememorylimit 命令行cmd窗口運(yùn)行npm install g increasememorylimit，進(jìn)入項(xiàng)目文件夾。

VUE3多頁面打包 方式一webpack配置 webpack安裝參考安裝 webpack 中文網(wǎng)直接在packagejson同級目錄下創(chuàng)建創(chuàng)建一個(gè)webpack的配置文件即可，然后在配置文件內(nèi)輸入內(nèi)容方式二vuecli配置 vu。

項(xiàng)目地址 vuefiction 只總結(jié)了親測效果明顯的幾種方案，解決方案大多來自于日常總結(jié)及各路大佬，如有不足，請大佬補(bǔ)充~當(dāng)我們運(yùn)行項(xiàng)目并且打包的時(shí)候，會發(fā)現(xiàn)chunkvendorsjs這個(gè)文件非常大，那是因?yàn)閣ebpack將所有的依賴。

1修改indexhtml頁面，再head中引入cdn2修改文件中的moduleexports 添加externals配置3刪除mainjs中的相應(yīng)import from因?yàn)槿绻粍h除，打包的時(shí)候還會把這兩個(gè)文件打進(jìn)去 在Vuecli 30中。

一安裝compressionwebpackplugin插件前端將文件打包成gz文件，然后通過nginx的配置，讓瀏覽器直接解析gz文件，可以大大提升文件加載的速度二接下來要去修改vue的配置文件 三 打包后對比。

一使用CDN資源我們在打包時(shí)，會將packagejson里，dependencies對象里插件打包起來，我們可以將其中的一些使用cdn的方式加載，例如不想把vue，axios，vuex，vuerouter打包到我們項(xiàng)目中，我們需要這樣1打開。

網(wǎng)上很多說自己的VUE項(xiàng)目通過Webpack打包生成的list文件，放到HBulider打包后，通過手機(jī)打開一片空白這個(gè)主要原因是路徑的問題1記得改一下config下面的indexjs中bulid模塊導(dǎo)出的路徑因?yàn)閕ndexhtml里邊的內(nèi)容都是通過。

3進(jìn)入項(xiàng)目目錄，安裝相關(guān)項(xiàng)目依賴cd expressName npm install#160#160或cnpm install 4將Vue build后生成的dist文件夾下的所有文件復(fù)制到express項(xiàng)目的publick文件夾下面，然后運(yùn)行#160#160npm start#160。

Vue項(xiàng)目編寫完成后，一般需要打包壓縮成新的文件，下面簡單介紹一下是如何對Vue項(xiàng)目打包的工具原料npm方法步驟1npmrunbuild 2build進(jìn)行中，一般這個(gè)過程需要一點(diǎn)點(diǎn)時(shí)間 3打包完成，可以看到有提示buildcomplete 4build完成。

1如果是vue2x，在vue項(xiàng)目中安裝依賴并將configjs中的productionGzip改為true，開啟Gzip壓縮，npm install savedev compressionwebpackplugin 運(yùn)行npm run build 打包項(xiàng)目，這時(shí)如果有提示報(bào)錯ValidationError。

解決方法如下1本地項(xiàng)目利用WebStrom做開發(fā)，vue框架2，項(xiàng)目在開發(fā)模式下運(yùn)行npmrundev，各功能表現(xiàn)的按照預(yù)期，主流瀏覽器chrome，firefox360，搜狗兼容性良好3打包npmrunbuild在項(xiàng)目根目錄下。

這個(gè)錯誤信息表明在 srccomponentsscreenScreenMapvue 文件的模板部分vuetype=templateid=e0320e46scoped=true中出現(xiàn)了語法錯誤具體來說，是在第 1 行的第 6071 個(gè)字符處出現(xiàn)了一個(gè)意外的符號你可以。