如果节点环境处于开发阶段，Browserify 仅导入文件

编程问答 2022-05-18

问题描述

我正在使用 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'",

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

browserifybrowserifybrowserifybundlebundlebundletypescripttypescripttypescriptuglifyjs