溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下在vue中如何使用webpack打包之后運行文件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
1.vue中的vue-cli打包
最近在用vue寫一個小項目，其中就用到了vue腳手架工具vue-cli，在測試打包后能否運行過程中遇到不少問題，而且在網上這些問題答案都不太好找，廢話不多說，進入正題。
a.執行打包命令：npm run build
b.打包之后生成的文件夾為根目錄下的dist文件：
c.進入dist中
在運行這個index.html之前先說說一些打包配置問題：
在config文件夾下可以看到一個index.js文件，打開其中可以看到有幾個屬性分別是：
assetsRoot: path.resolve(__dirname, '../dist')//其實這個就是剛才打包后的根目錄文件夾dist,所有的文件都會輸出到這里
assetsSubDirectory: 'static' //默認是把css,fonts,images,js輸出到這個文件夾下，但是我的改成了 assetsSubDirectory: '' 所以上圖就直接輸出到dist下了，即這個參數配置的是靜態文件的輸出目錄
assetsPublicPath: '/' 這個就是靜態文件的引用前綴
在index.html文件中可以看到每個js,css文件的引用路徑，在服務器上運行時如果發生找不到文件如下圖
以上是“在vue中如何使用webpack打包之后運行文件”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
