使用 Browserify 和 Gulp 替换生产和开发 ENV 之间的字符串路径

Question

所以我的项目是由一个源文件夹构成的，在里面我有一个类文件夹和模块文件夹，在模块文件夹里面我有一个带有 import import { Slider } from "../../classes/Slider";"的文件源文件夹我有一个 dist 文件夹，其中是我的最终目标文件，有一个名为 Controls 的文件夹，我在其中获取所有 javascripts 文件，在 Controls 文件夹之外，我有一个 Bundle.js，我在其中缩小所有准备生产的东西。问题出在开发 ENV 一切正常，但是当我运行我的命令来捆绑我需要替换 javascript 文件上的路径时，因为我在 Controls 文件夹中有所有 Javascript 文件，它不再../../classes/Slider"; 但它应该是“Slider”；”并且在 bundle 上它应该替换为../classes/Slider 。

这是它的结构。

/dist
  /controls
    /slider.js
    /somemodule.js
  /bundle.js
/sources
  /classes
    /slider.js
  /modules
    /somemodule.html
    /somemodule.scss
    /somemodule.js

如何使用 gulp 和 browserify 做到这一点？

Answer 1

您可以使用 gulp -env告诉您的 gulp 脚本正在使用哪个变量和环境。

可以用minimist建立另一种解决方案

这两个软件包都有很好的示例文档，您可以将其作为起点。

Answer 2

解决方案是安装 gulp-replace package，然后在我的 gulp 文件上替换我想要的字符串