Webpack神坑之imports-loader

      先给个官网地址，小盆友们可以自己看看。

      https://www.webpackjs.com/loaders/imports-loader/

      imports-loader是个很奇葩的东西，在webpack的架构下，假如说你写了一个js文件，然后你想写一些用jquery的代码，那么你就需要去import一个jquery的lib，而imports-loader的作用就是让你免了这个过程，让你不需要在js文件里再写这么一句话。

      (引自官网)

      假设你有 example.js 这个文件

$("img").doSomeAwesomeJqueryPluginStuff();

      然后你可以像下面这样通过配置 imports-loader 插入 $ 变量到模块中：

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

      这将简单的把 var $ = require("jquery"); 前置插入到 example.js 中。

      (引用结束)

      接下来重点来了，这个loader的原理很建单，说白了就是把你要import的js文件，根据你的url，前后加上一些代码，可以看一下imports-loader的源码&