【问题标题】:How to bundle legacy js files with webpack?如何将遗留的 js 文件与 webpack 捆绑在一起?
【发布时间】:2016-08-23 11:10:30
【问题描述】:

假设我有两个文件

a.js:

alert("hello from a.js");

b.js

alert("hello from b.js");

有没有办法将它们与 WebPack 捆绑在一起,以便

  1. 加载包后我会同步收到两个警报
  2. 警报应与声明的顺序相同 “来自 a 的你好”,然后是“来自 b 的你好”

【问题讨论】:

    标签: javascript webpack


    【解决方案1】:

    就我个人而言,这个 webpack 插件是最有帮助且最让人头疼的:https://www.npmjs.com/package/webpack-merge-and-include-globally

    【讨论】:

      【解决方案2】:

      对于其他人来说,新的 (webpack 4+) 链接到有关 shiming 的文档:https://webpack.js.org/guides/shimming/

      【讨论】:

        【解决方案3】:

        Webpack 原生支持 CommonJS ( require / import ) 和 AMD 风格,由于你的不属于这些类别,我相信你应该看看 shimming modules 部分

        https://github.com/webpack/docs/wiki/shimming-modules

        这是他们的标题

        在某些情况下 webpack 无法解析某些文件,因为它有一个 不支持的模块格式,或者甚至不是模块格式。所以 您有很多选项可以将文件转换为模块。

        【讨论】:

          猜你喜欢
          • 2018-07-03
          • 2017-05-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多