TTD Deploy Webpack Plugin

命命行参数:

| 短参数 | 长参数 | 说明 | 默认 | |--|--|--| -- | | -V | --version | output the version number | | -E | --envs | 增加编译环境('{"dev": 环境配置, "prod": {"target": "http:...","needRemarks":true,"needFbkey":true,"package": "name"}}}') | (default: {}) | | -e | --env | 编译环境(可以使用 dev?level=1&debug=true 来传参) | | -n | --envname | 项目中的环境变量名(会在项目是生成 __TTD_ENV__ 环境变量) | (default: "__TTD_ENV__") | | | --no-deploy | 不部署(默认在生产环境且指定target,package时自动部署) | | -d | --dist | 打包目录 | | -p | --package | 默认包名 | | -o | --output | 输出目录 | (default: "output") | | -c | --cookie | cookie | fb_user=%E5%91%A8%E5%BF%97%E5%BC%BA | | -z | --zipPath | zip文件的目录结构 | (default: "dist") | | -m | --remarks | 发布备注 | (default: "") | | -k | --fbkey | 发布key | (default: "") | | -h | --help | 查看帮助说明 |

环境配置:

| key | 必传 | 类型 | 说明 | 默认 | |--|--|--| -- | -- | | target | 否 | string | 上传地址 | undefined | | needRemarks | 否 | boolean | 是否需要发包备注 | false | | needFbkey | 否 | boolean | 是否需要发包key | false | | package | 否 | string | 发包包名 | '' |

使用

安装

npm 安装 npm install @toolspack/ttd-deploy-webpack-plugin

webpack配置

然后在webpack.config.js 中:

const TTDDeployWebpackPlugin = require('@toolspack/ttd-deploy-webpack-plugin')

module.exports = {
  entry: {
    app: "./src/main.js"
  },
  plugins: [
    new TTDDeployWebpackPlugin([
      '-E', JSON.stringify({
      dev: {},
      prod:{target: 'http://192.168.88.122:9990/upfile.php?pk_id=99999'},
    }),
    '-d', 'dist',
     '-p', 'package_name',
     '-z', 'package/dist'
     ], {
       allowUnknownOption: true,
     }),
  ]
}

项目中

在 /src/env.js 中:

// __TTD_ENV__ 是 TTDDeployWebpackPlugin 插件生成的 环境变量
const env = __TTD_ENV__ // dev, prod

const configs = {
  dev: { // 开发环境
    baseUrl: 'http://192.168.0.252:8011',
  },
  prod: { // 线上
    baseUrl: 'http://pe.totodi.com:13811',
  },
}

const config = configs[env]

export default config

npm命令

在 package.json 中:

{
  "scripts": {
    "start": "webpack -e dev",
    "build": "node build/build.js -e prod",
  },
}

命令行中

在 cmd 执行 npm run start -- -e prod?level=1 可以用 ? 来传更多参数

已知问题

如果需要动态注入全局环境变量, v2中使用 webpack v4.13.0 之后的 DefinePlugin.runtimeValue,但有些项目使用的webpack版本较低, 所以在v1版本使用的DefinePlugin, 但可能会有未知的问题.