如何不基於webpack, 使用vue.js構建大型應用?

01-11

由於公司項目的特殊性, 不能使用webpack等打包工具構建應用
但是項目又是比較複雜的大型單頁面應用, 需要把頁面拆成多個組件, 再按需組裝
所以想問一下, 有沒有不基於打包工具構建, 同時可以合理組件化開發的解決方案

=====分割線======
先不要關注項目本身的特殊性, 還有應不應該用webpack,
我只是想探討一下, 不用webpack等"任何"打包工具的可行方案

擁抱變化，不要自尋煩惱。

當然可以，做一個打包程序就行了。我的做法是從入口文件層層檢測，所有`./file.js`的地方都替換成那個文件的內容就行了。沒幾行代碼的程序。能把一坨文件打包成一個文件，樹狀管理、單文件載入。缺點是總歸要佔用標識符號，而且沒有ide支持上下文關聯。

不過你這樣一問我才發現，切分文件除了ide不卡、方便協同辦公中並行提交外，還有組件化引用的好處。確實，和require模塊適合的需求有些許差異。

requirejs

這個問題下除了秀優越的，竟然幾乎沒有認真答題的 - -

直接上答案：如何不用構建工具開發Vue全家桶項目

主要思路是利用前端載入器載入組件，只要很簡單對組件做一層模塊化包裝就可以，開發體驗已經很接近「單文件組件」了，同時利用Vue的非同步組件特性也可以很好的實現按需載入，對於請求數過多的問題，文中也介紹了解決方案，當然，具體適不適合，還是要看項目情況，真正的大型項目，還是推薦使用構建工具。

看不下去了，樓主已經闡明了問題。下面非要質疑需求的。

你回答能做到（怎麼做）或者不能做到，或者你不會做，就好了嘛

你說的大型是多大？前端代碼幾十上百兆么？如果是的，並且不能拆分，別用webpack，真心不適合，推薦es6+babel+gulp，用AMD載入。。。。如果能先拆成一個個小而美的應用，推薦用webpack。如果程序要有彈性，比如做動態建模，那gulp+amd挺好,別忘了配置http2.0。amd和http2是好朋友

好像百度有一個構建工具吧，和webpack類似

你會發現你真的很需要它

不用任何打包工具註定了你的項目做不了太大而且維護困難，否則這些打包工具根本就不會出現。

有台縫紉機沒法用，那隻能自己穿針引線啦