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”。 删除！ 从字符串修复错误，但我不太喜欢sintax那样，它与我迄今为止在网上找到的所有内容都不同。

我对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语法而不是import，但它的工作方式相同。

我能够使用webpack.ProvidePlugin在每个js上使用jquery，但它对我的i18n函数不起作用，然后我开始尝试使用imports-loader

有任何想法吗？

Answer 1

webpack将导入 - 加载器分开，因此需要通过以下方式安装：

yarn add imports-loader