vue設置多入口教程


官方腳手架搭建vue項目

TIM圖片20180609230914.png

在src 目錄下復制app內容創建test.vue,demo.vue,

main.js復制main.js內容demo.js,test.js,修改一下內容

TIM圖片20180609232027.png
在根目錄下創建test.html,index.html指向demo

下面demo.html替換成index.html

(好像必須存在index,不然頁面報錯 Cannot GET /)暫時不知道什么原理

創建完成目錄如下

TIM圖片20180609230914.png

接下來重點部分

修改在build目錄下webpack.base.conf.js,找到entry,在那里配置添加多個入口
TIM圖片20180609233355.png
修改在build目錄下webpack.dev.conf.js文件,在module.exports那里找到plugins
TIM圖片20180609233751.png
現在運行代碼 npm run dev
進入其他頁面
http://localhost:8080/test.html

打包發布項目時候配置的
修改在build目錄下webpack.prod/conf.js文件,在plugins那里找到HTMLWebpackPlugin
TIM圖片20180609234057.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM