之前我们也介绍过 webpack-merge 类的工具包,后续我们也慢慢放出一些我们真实开发时候用的不错的包。
很多使用 webpack 来做构建工具的同学一般都会设置 2 个任务配置文件:
做的在高级的呢:
base 配置
dev 环境的配置
prod 环境的配置
但我们还加了一个 staging 开发环境的脚本配置:
具体做什么呢?
期望的是执行类似 npm script 来把编译后的文件扔到开发测试机上
所以我们依赖了一个 webpack 的插件:
webpack-sftp-client
如何做呢?
在 prod 配置的基础上
往 plugins 上面在调用 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 的工具包形形色色很多,所以我们在选择工具包的时候,都会相对来说评估一番。
说一下这个包我们在改造过程中发现的问题:
其实它做的事情比较简单
依赖了 scp2 的工具包,在 after-emit 的时候,把 options 里面的配置丢过去
但是只读取了:
remotePath
path
username
host
password