typescript - 如果节点环境是开发，Browserify 仅导入文件

Question

我正在使用 browserify 为我的 url 缩短器捆绑我的前端。我有一个开发文件，用于自动刷新和其他在开发过程中有用的东西。

我希望能够在我的构建脚本中的 package.json 中设置 NODE_ENV，而不是import("./dev")每次我想为生产构建时都必须注释掉该行。

Browserify 似乎已经死了，所以我在这里问。我仍然会使用它，因为 webpack 对我来说太混乱了。

这是我的 main.ts 文件

import $ from "jquery";

// @ts-ignore
window.$ = $;

(async () => {
  await import("./bg");
  await import ("./dev"); // Only import this if the NODE_ENV is development
  await import("./darkreader");
  await import("./hue");
  await import("./form");
})();

这些是我在 package.json 中的脚本

    "build": "browserify './src/ts/main.ts' -p tsify",
    "build:dev": "yarn build --debug --outfile src/js/bundle.js",
    "build:prod": "yarn build > uglifyjs --compress --output src/js/bundle.js",
    "build:devwatch": "cross-env nodemon --ext 'ts' --watch 'src/ts' --exec 'yarn build:dev'",
  

标签： typescriptbundlebrowserifyuglifyjs