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

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

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

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

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

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

1修改indexhtml頁面，再head中引入cdn2修改文件中的moduleexports 添加externals配置3刪除mainjs中的相應import from因為如果不刪除，打包的時候還會把這兩個文件打進去 在Vuecli 30中。

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

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

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

3進入項目目錄，安裝相關項目依賴cd expressName npm install#160#160或cnpm install 4將Vue build后生成的dist文件夾下的所有文件復制到express項目的publick文件夾下面，然后運行#160#160npm start#160。

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

1如果是vue2x，在vue項目中安裝依賴并將configjs中的productionGzip改為true，開啟Gzip壓縮，npm install savedev compressionwebpackplugin 運行npm run build 打包項目，這時如果有提示報錯ValidationError。

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

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