如何捆绑彼此依赖的js文件

时间:2019-05-09 09:36:07

标签: webpack

我正在将一个项目迁移到使用webpack,但是我有一些旧文件,它们只是jquery和bootstrap(以及其他)的最小化js文件。这些用于加载该捆绑包的页面上的各种位置。

以前,这是通过在uglifyjs中简单地运行它们并提供结果来完成的,但是我们正在远离它。整个过程将在不久的将来重写,但是在那之前,我想使用webpack复制以前的结果。

到目前为止,我已经在webpack.config.js中做到了:

module.exports = {
  entry: {
    'outputfile.js': [
       'input1.js',
       'jquery.min.js',
       'bootstrap.min.js',
       'main.ts'
     ]

其余的内容很简单,但是如果重要的话,我可以发布它的版本。

但是当我加载页面时,会出现如下错误:

Uncaught Error: Bootstrap's JavaScript requires jQuery
Uncaught ReferenceError: jQuery is not defined
Uncaught ReferenceError: $ is not defined

所以这似乎不起作用。我宁愿不重写这些文件以使用import语句。有什么方法可以像uglifyjs一样使webpack将文件推在一起吗?

0 个答案:

没有答案