Webpack与进口-装载机错误“无法解决”

Question

我试图使用Webpack (v3.6.0)为我的web应用程序捆绑许多js文件，有些是角组件，但大部分是遗留代码。

遗留代码与某些特定功能高度依赖。例如，我们有一个特定的文件，声明了在整个系统中使用的3个函数(PrepareTranslation、PrepareLocalTranslation和Translate)。

我在寻找一种使这3种函数成为全局函数的方法，但我找到了一篇关于“imports-loader”的文章，该文章允许我使用特定的符号将变量注入到代码中：

require("imports-loader?$=jquery!./myjs");

上面的代码，在myjs.js内部会使

var $ = require('jquery');

但是，当我尝试使用这种方法向类中注入需求和变量时，Webpack抛出一个错误“无法解决导入-加载程序？$=jquery！/myjs”。移除！从字符串修复错误，但我不太喜欢这样的新税，它与所有我能够找到的在线到目前为止。

webpack的切入点剧本如下：

window._SYS_VER = '452';

import 'jquery';

import 'ThirdParty/angular/angular';

import Emitter from 'ThirdParty/emitter';

//SimpleMVC related
import 'imports-loader?jQuery=jquery./js/simplemvc/simplemvc.modaldialog';
import 'imports-loader?jQuery=jquery./js/simplemvc/simplemvc.paneldialog';
//     import 'imports-loader?jQuery=jquery!./js/simplemvc/simplemvc.paneldialog';
import Translation from 'JS/simplemvc/simplemvc.i18n';

// jQuery related
import 'JS/jquery/ui/jquery-ui.min';
import 'JS/jquery/masked/jquery.maskedinput';
import 'JS/jquery/growl/jquery.growl';
import 'imports-loader?prepareTranslation=>Translation.prepareTranslation./js/jquery/alerts/jquery.alerts';

我尝试过使用require语法而不是导入，但它的工作方式是相同的。

我能够使用imports-loader在每个jquery上使用jquery，但它对我的i18n函数无效，于是我开始尝试使用webpack.ProvidePlugin

有什么想法吗？

Answer 1

webpack将进口-装载机分开，因此需要通过以下方式安装：

yarn add imports-loader