javascript - 如何使用 webpack 保持我的 shebang 到位？

Question

有没有办法让 Webpack 将 #!/usr/bin/env Node 放在我的文件顶部？

我正在尝试将 CLI 与模块捆绑在一起...仅使用一个配置文件单独导出我的 index.js/cli.js 有点棘手...并且使 cli 需要索引...我得到了它的工作...

但是.. 我没有找到任何方法将 #!/usr/bin/env Node 保留在 cli 文件的顶部，有什么想法吗？

简而言之，webpack 会输出这样的文件:

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};

/******/    // The require function
/******/    function __webpack_require__(moduleId) {

/******/        // Check if module is in cache
/******/        if(installedModules[moduleId])
/******/            return installedModules[moduleId].exports;
..............................................................

但我需要的是

#!/usr/bin/env node //<------ HEREEEE

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};

/******/    // The require function
/******/    function __webpack_require__(moduleId) {

/******/        // Check if module is in cache
/******/        if(installedModules[moduleId])
/******/            return installedModules[moduleId].exports;

..............................................................

Answer 1

您应该可以使用 BannerPlugin使用原始模式。使用此插件，您可以在 bundle 顶部添加所需的任何字符串。通过使用原始模式，它不会将字符串包装在注释中。

在您的 webpack.config.js 文件中:

plugins: [
    new webpack.BannerPlugin({ banner: "#!/usr/bin/env node", raw: true }),
]