本篇內(nèi)容介紹了“ABAP system landscape和vue項(xiàng)目webpack構(gòu)建方法是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、瓊海網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為瓊海等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

基于Netweaver的ABAP transport route一般都有dev，test和prod三種類型的系統(tǒng)。

而Vue前端項(xiàng)目的webpack build設(shè)置也類似。

以 SAP成都研究院數(shù)字創(chuàng)新空間開發(fā)的智能服務(wù) 前端實(shí)現(xiàn)為例, 在package.json里定義了名為dev和build兩個(gè)script：

"scripts": {

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"start": "npm run dev",

"build": "node build/build.js"

}

一旦運(yùn)行npm run dev，會(huì)觀察到在dev環(huán)境下使用了webpack-dev-server這個(gè)依賴啟動(dòng)了web服務(wù)器

當(dāng)然webpack-dev-server這個(gè)依賴也必須定義在package.json的dependencies區(qū)域里：

npm install把所有依賴下載到本地后，也能觀察到webpack-dev-server.js這個(gè)依賴的實(shí)現(xiàn)：

執(zhí)行命令行npm run dev, 實(shí)際上執(zhí)行的命令行為：

node "C:Usersi042416Documents?_DISCodeSmartServiceFront ode_modules.bin..webpack-dev-serverinwebpack-dev-server.js" --inline --progress --config build/webpack.dev.conf.js

我們?cè)谇岸隧?xiàng)目build文件夾里能看到三個(gè)和webpack相關(guān)的配置文件：

• webpack.base.conf.js

• webpack.dev.conf.js

• webpack.prod.conf.js

這里也能看到dev和prod環(huán)境，類似ABAP的開發(fā)和生產(chǎn)系統(tǒng)。區(qū)別是vue webpack的dev環(huán)境包含的是未壓縮過(guò)的代碼，方便調(diào)試，而prod環(huán)境的代碼是壓縮過(guò)后的。而ABAP無(wú)論是開發(fā)，測(cè)試還是生產(chǎn)，代碼都相同。

之所以要引入webpack.base.conf.js, 也是類似面向?qū)ο蟮木幊趟枷耄裠ev和prod環(huán)境一些通用的webpack配置抽取出來(lái)，避免在dev和prod里重復(fù)定義。

最終dev和prod的webpack配置內(nèi)容，是webpack.base.conf里的通用內(nèi)容，加上各自專屬文件里定義的配置內(nèi)容的并集, 參考第14行的merge方法，由webpack-merge模塊提供。

“ABAP system landscape和vue項(xiàng)目webpack構(gòu)建方法是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

分享標(biāo)題：ABAPsystemlandscape和vue項(xiàng)目webpack構(gòu)建方法是什么
URL鏈接：http://chinadenli.net/article26/pddccg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、自適應(yīng)網(wǎng)站、服務(wù)器托管、搜索引擎優(yōu)化、云服務(wù)器、外貿(mào)建站

廣告

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