本文關(guān)鍵詞：環(huán)境構(gòu)建，由筆耕文化傳播整理發(fā)布。

> 腳本語言 > >

Webpack插件：如何增加測試環(huán)境構(gòu)建腳本 2016-10-26 11:57　出處：清屏網(wǎng)　人氣：　

之前我們也介紹過 webpack-merge 類的工具包，后續(xù)我們也慢慢放出一些我們真實開發(fā)時候用的不錯的包。

很多使用 webpack 來做構(gòu)建工具的同學(xué)一般都會設(shè)置 2 個任務(wù)配置文件 ：

做的在 高級 的呢：

但我們還加了一個 staging 開發(fā)環(huán)境的腳本配置：

具體做什么呢？

期望的是執(zhí)行類似 npm script 來把 編譯后的文件扔到開發(fā)測試機上

所以我們依賴了一個 webpack 的插件：

webpack-sftp-client

如何做呢？

在 prod 配置的基礎(chǔ)上

往 plugins 上面在調(diào)用 new WebpackSftpClient 的配置

如何使用？

var WebpackSftpClient = require('webpack-sftp-client');

new WebpackSftpClient({

port: '22',

host: '****',

username: 'root',

password: 'ddfe',

path: path.join(process.cwd(), 'dist'),

remotePath: '/DDFE/build'

})

你以為看到這里就完了，，那必須 木有 。

npm 的工具包形形色色很多，所以我們在選擇工具包的時候，都會相對來說評估一番。

說一下這個包我們在 改造 過程中發(fā)現(xiàn)的 問題 ：

其實它做的事情比較簡單

依賴了 scp2 的工具包，在 after-emit 的時候，把 options 里面的配置丟過去

但是只讀取了：

remotePath

path

username

host

password

分享給小伙伴們：

本文標(biāo)簽： Webpack/">Webpack

相關(guān)文章

發(fā)表評論愿您的每句評論，都能給大家的生活添色彩，帶來共鳴，帶來思索，帶來快樂。

  本文關(guān)鍵詞：環(huán)境構(gòu)建，由筆耕文化傳播整理發(fā)布。