[Webpack 插件] 如何增加测试环境构建脚本

853 阅读1分钟

    之前我们也介绍过 webpack-merge 类的工具包,后续我们也慢慢放出一些我们真实开发时候用的不错的包。

    很多使用 webpack 来做构建工具的同学一般都会设置 2 个任务配置文件

    做的在高级的呢:

  1. base 配置

  2. dev 环境的配置

  3. 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