無網(wǎng)絡(luò)環(huán)境使用node構(gòu)建環(huán)境(webpack,gulp)

lauren_liuling 發(fā)布于2019-08-20 18:20 / 1121人閱讀

摘要：場(chǎng)景最近須要把使用了的前端項(xiàng)目交給后端開發(fā)，想解決無法在線安裝模塊，曾試過申請(qǐng)后端開網(wǎng)，但無果。

場(chǎng)景

最近須要把使用了webpack的前端項(xiàng)目交給后端開發(fā)，想解決無法在線安裝node模塊，曾試過申請(qǐng)后端開網(wǎng)，但無果。

近來發(fā)現(xiàn)一篇文章是關(guān)于npm script的使用，解決了這個(gè)問題

關(guān)鍵點(diǎn)

其中關(guān)鍵點(diǎn)是npm script中運(yùn)行的代碼是優(yōu)先本目錄中的模塊，即運(yùn)行webpack,gulp須要全局安裝的模塊時(shí)，現(xiàn)在只用安裝在本項(xiàng)目?jī)?nèi)便可以運(yùn)行

代碼

package.json

{
    ...
    scripts: {
        "dev": "webpack",
        "build": "gulp"
    }
    
    ...
}

使用（交付后端）

只須要把整個(gè)本地項(xiàng)目全部復(fù)制給后端人員，并在后端開發(fā)機(jī)上安裝node.js環(huán)境即可以正常運(yùn)行

運(yùn)行代碼

    npm run dev
    npm run build

GPU云服務(wù)器云服務(wù)器 docker構(gòu)建環(huán)境 java環(huán)境構(gòu)建安裝node環(huán)境服務(wù)器 node環(huán)境

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/84370.html

相關(guān)文章

使用 Gulp 自動(dòng)化構(gòu)建工具快速搭建項(xiàng)目

摘要：通過本文，我們將學(xué)習(xí)如何使用來改變開發(fā)流程，從而使開發(fā)更加快速高效。中文網(wǎng)站詳細(xì)入門教程使用是基于的，需要要安裝為了確保依賴環(huán)境正確，我們先執(zhí)行幾個(gè)簡(jiǎn)單的命令檢查。詳盡使用參見官方文檔，中文文檔項(xiàng)目地址為了UED前端團(tuán)隊(duì)更好的協(xié)作開發(fā)同時(shí)提高項(xiàng)目編碼質(zhì)量，我們需要將Web前端使用工程化方式構(gòu)建；目前需要一些簡(jiǎn)單的功能： 1. 壓縮HTML 2. 檢查JS 3. 編譯SA...

glumes 2019-08-20 15:57 評(píng)論0 收藏0
gulp和webpack入門介紹

摘要：介紹說明的包管理器，用于插件管理包括安裝卸載管理依賴等使用安裝插件命令提示符執(zhí)行插件名稱?？偨Y(jié)安裝新建文件全局和本地安裝安裝插件新建文件通過命令提示符運(yùn)行任務(wù)。 showImg(https://segmentfault.com/img/remote/1460000010873466); 前言眾所周知目前比較火的工具就是gulp和webpack，但webpack和gulp卻有所不同，本...

hsluoyz 2019-08-20 18:58 評(píng)論0 收藏0
webpack工程化集成React技術(shù)棧（一）

項(xiàng)目開始前，我們先聊一聊關(guān)于項(xiàng)目的一些說明。該項(xiàng)目起始于2017年初，當(dāng)時(shí)公司主要技術(shù)棧為gulp+angular，鑒于react的火熱的生態(tài)，在公司決定研發(fā)bss管理系統(tǒng)時(shí)選用react開發(fā)，目的也是為react native打下基礎(chǔ)，以解決后期公司大前端技術(shù)棧的逐步成熟。（當(dāng)時(shí)沒有選擇vue開發(fā)的主要原因是weex生態(tài)還不夠特別成熟），既然決定換新，項(xiàng)目的構(gòu)建也跟著一起換，從gulp轉(zhuǎn)向火熱的...

tianhang 2019-08-22 14:47 評(píng)論0 收藏0
前端模塊化和構(gòu)建工具

摘要：以前一直對(duì)前端構(gòu)建工具的理解不深，經(jīng)過幾天的研究特意來總結(jié)一下，第一次寫博客，有寫錯(cuò)的請(qǐng)多多見諒，該文章我也從其他博客拷了一些內(nèi)容，如果有冒犯之處，請(qǐng)指出。強(qiáng)大的設(shè)計(jì)使得它更像是一個(gè)構(gòu)建平臺(tái)，而不只是一個(gè)打包工具。以前一直對(duì)前端構(gòu)建工具的理解不深，經(jīng)過幾天的研究特意來總結(jié)一下，第一次寫博客，有寫錯(cuò)的請(qǐng)多多見諒，該文章我也從其他博客拷了一些內(nèi)容，如果有冒犯之處，請(qǐng)指出。如今，網(wǎng)頁(yè)不再...

ad6623 2019-08-20 18:37 評(píng)論0 收藏0
聊一聊前端自動(dòng)化測(cè)試

摘要：在真正寫了一段時(shí)間的基礎(chǔ)組件和基礎(chǔ)工具后，才發(fā)現(xiàn)自動(dòng)化測(cè)試有很多好處。有了自動(dòng)化測(cè)試，開發(fā)者會(huì)更加信任自己的代碼。由于維護(hù)測(cè)試用例也是一大筆開銷畢竟沒有多少測(cè)試會(huì)專門幫前端寫業(yè)務(wù)測(cè)試用例，而前端使用的流程自動(dòng)化工具更是沒有測(cè)試參與了。本文轉(zhuǎn)載自天貓前端博客，更多精彩文章請(qǐng)進(jìn)入天貓前端博客查看前言為何要測(cè)試以前不喜歡寫測(cè)試，主要是覺得編寫和維護(hù)測(cè)試用例非常的浪費(fèi)時(shí)間。在真正寫了...

wthee 2019-08-21 10:50 評(píng)論0 收藏0