webpack gulp實現自動構建部署

2021-08-13 23:06:55 字數 2434 閱讀 5072

module.exports = function(options)

var debug = options.debug !==undefined ? options.debug :true;

......

if(debug)else

新增webpack.config.js webpack-dev.config.js

『use strict』;

var webpack_config = require(『./webpack.config.allinone』)

module.exports = webpack_config()

『use strict』;

var webpack_config = require(『./webpack.config.allinone』)

module.exports = webpack_config()

後續可以根據gulp 指令 動態選擇 是開發環境還是測試環境,具體見gulpfile.js

//用於gulp傳遞引數

var minimist = require(『minimist』);

var knownoptions =

};var options = minimist(process.argv.slice(2), knownoptions);

var webpackconf = require(『./webpack.config』);

var webpackconfdev = require(『./webpack-dev.config』);

var _conf = options.env === 『production』 ? webpackconf : webpackconfdev;

webpack(_conf, function (err, stats)

};var options = minimist(process.argv.slice(2), knownoptions);

var webpackconf = require(『./webpack.config』);

var webpackconfdev = require(『./webpack-dev.config』);

var remoteserver = ;

var localserver =

//check code

gulp.task(『hint』, function () ).pipe(clean())

});//run webpack pack

gulp.task(『pack』, [『clean』], function (done) ))

done()

});

});//default task

gulp.task(『default』, [『pack』])

//deploy assets to remote server

gulp.task(『deploy』, function () )

三:package.json 配置

scripts 配置 各個指令

啟動webpack除錯server: npm server

測試環境打包: npm build

生產環境打包: npm buildp

發布到測試環境: npm deploy

發布到生產環境: npm deployp

完整package.json 如下:

,

"author": "sloong",

"license": "mit",

"devdependencies":

}

約定/src/*.html為應用的入口檔案,在/src/js/ 一級目錄下需有乙個同名的js檔案作為該檔案的入口。

$ npm run build
生產環境會對js混淆壓縮,對css、html進行壓縮,字元替換等處理

$ npm run buildp
在gulpfile.js 中配置好localserver和remoteserver,編譯後將dist目錄發布到服務端

發布到localserver

$ npm run deploy
發布到remoteserver

$ npm run deployp
$ npm run server

# 或者 下面兩種模式

$ webpack-dev-server

$ webpack-dev-server --inline

需要nodejs

$ npm run buildp

$ npm run deployp

Thinkphp實現自動驗證和自動完成

thinkphp的自動驗證和自動完成都是根所表單提交的內容來的,對部分資料進行規則驗證和處理後插入到資料庫。1 自動驗證格式 array array 驗證欄位1,驗證規則,錯誤提示,驗證條件,附加規則,驗證時間 array 驗證欄位2,驗證規則,錯誤提示,驗證條件,附加規則,驗證時間 驗證條件 se...

實現自動WiFi連線

1,想實現連線到指定的wifi網路嗎?其實這個不是很難,可這個一直困擾了我很長時間,今天終於找到了原因,因為,我之前的配置就是錯誤的,所以,導致無法連線到指定的無線網路。2,實現方法 wificonfiguration config new wificonfiguration config.allo...

jsp實現自動登入

一 什麼是使用者自動登入?如果使用者經常訪問我們的 假如每天都訪問一次,或者好幾次,那麼使用者每次都重複這些登入操作就會感到相當厭煩。通過一些簡單的技術手段,我們可以讓 記住 那些在曾經登入過的使用者。當該使用者下次再來訪問的時候,可以識別該使用者,並為其自動完成登入過程。二 基本思路 作為 的編寫...