如何将遗留的 js 文件与 webpack 捆绑在一起？

Question

Suppose I have two files

a.js:

alert("hello from a.js");

b.js

alert("hello from b.js");

is there any way to bundle them with WebPack so that

1. I get both alerts synchronously as soon as bundle is loaded
2. alerts should be in the same order as declared "hello from a" and then "hello from b"

Answer 1

Webpack natively supports CommonJS ( require / import ) and AMD style, and since yours are not falling into those categories, I believe you should look at the shimming modules section

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

This is from their header

In some cases webpack cannot parse some file, because it has a unsupported module format or isn't even in a module format. Therefore you have many options to convert the file into a module.

Answer 2

对于任何其他人来看，新的（webpack 4+）链接到关于垫片的文档在这里： https ://webpack.js.org/guides/shimming/

Answer 3

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