乐趣区

关于webpack:一个极简单的配置检测工具

Introduction

前端我的项目中有多个环境的配置,在开发 / 测试 / 内测 / 上线各个阶段都须要手动进行配置。且此我的项目有多个子项目的接入,在 Devops 流程中难以对配置进行查看,因而写了一个在 Webpack 打包 Compiler initialize 阶段的环境配置查看工具。
这个工具(临时)去查看各个环境下的配置文件导出的变量名称是否雷同

How to use

Install

npm i environment-config-synchroize-plugin

Config

webpack.config.js

const EnvironmentConfigSynchronizePlugin = require("./EnvironmentConfigSynchronizePlugin");
module.exports = {
  plugins: [
    new EnvironmentConfigSynchronizePlugin({
      path: "src/config",
      env: ["DEV", "SIT"],
      include: /.js|json|ts/
    })
  ]
}

Parameters

Parameter Name Description Type Remark
path Choose the config path String
env Support environment list Array\<String\>
include RegExp of file RegExp

Git

https://github.com/madaoLi666…

Todo

尽管名字叫 EnvironmentConfigSynchronizePlugin,然而临时只做了一个 check 的性能,后续会跟进一个同步的开发。

退出移动版