詳解webpack打包vue項目之后生成的dist文件該怎么啟動運行-創(chuàng)新互聯(lián)

親測，webpack打包vue項目之后生成的dist文件可以部署到 express 服務器上運行。

創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設、成都網(wǎng)站設計，集網(wǎng)站策劃、網(wǎng)站設計、網(wǎng)站制作于一體，網(wǎng)站seo、網(wǎng)站優(yōu)化、網(wǎng)站營銷、軟文推廣等專業(yè)人才根據(jù)搜索規(guī)律編程設計，讓網(wǎng)站在運行后，在搜索中有好的表現(xiàn)，專業(yè)設計制作為您帶來效益的網(wǎng)站！讓網(wǎng)站建設為您創(chuàng)造效益。

我的vue項目結構如下：

1. 進入該vue項目目錄，打開git bash，執(zhí)行：npm run build(在package.json的scripts配置)

執(zhí)行成功如下圖所示：

然后此時你會發(fā)現(xiàn)項目下多了一個 dist 文件夾，dist下文件便是項目打包之后生成的文件。

此時我們直接在瀏覽器中打開index.html，是會報錯的，什么都看不到。

2. 安裝express-generator生成器

執(zhí)行 $ npm install express-generator -g 進行安裝

3. 創(chuàng)建一個express項目

執(zhí)行 $ express expressDemo （expressDemo是項目名）

expressDemo項目目錄如下圖:

4. 進入expressDemo目錄，安裝項目依賴

$ cd expressDemo                                        
$ npm install

本文標題：詳解webpack打包vue項目之后生成的dist文件該怎么啟動運行-創(chuàng)新互聯(lián)
文章來源：http://www.chinadenli.net/article18/djdedp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網(wǎng)站、商城網(wǎng)站、外貿建站、軟件開發(fā)、營銷型網(wǎng)站建設、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

詳解webpack打包vue項目之后生成的dist文件該怎么啟動運行-創(chuàng)新互聯(lián)