项目简介

此项目默认导出@tslfe/env-webpack-plugin（loader） 以及 TslEnvWebpackPlugin（webpack 插件）

1.获取打包命令--mode 中的参数获取对应的环境变量文件（例如.env.development 、.env.production、env.master），并与.env 内的变量进行合并生成 env.js，具体格式为 window.tacos_env={key: value} （TslEnvWebpackPlugin）

2.在 html 文件中插入 env.js （TslEnvWebpackPlugin）

3.使用 loader 替换源码中的 process.env.key 变量为tacos_env.key，其中 key 为.env.xxx 文件中定义的变量名 （@tslfe/env-webpack-plugin）

在 VUE 项目中使用（配置 vue.config.js）

const { TslEnvWebpackPlugin } = require("@tslfe/env-webpack-plugin");

module.exports = defineConfig({
  const mode = process.VUE_CLI_SERVICE.mode; // 获取vuecli 打包mode
  config.plugin("tsl-env-webpack-plugin").use(TslEnvWebpackPlugin, [{ mode }]);

  config.module
      .rule("env-plugin")
      .test(/\.js$/)
      .use("@tslfe/env-webpack-plugin")
      .loader("@tslfe/env-webpack-plugin")
      .end();
  },
});