开发总结—Webpack篇（配置全局依赖）

使用Webpack加载的第三方库或插件中，基本上都需要依赖另外一些库，例如jQuery。
我在开发过程使用的semantic-ui就依赖jQuery，一开始我在index.js中这样写：

let $= require('jquery');
require('semantic-ui/dist/components/transition.js');
require('semantic-ui/dist/components/dropdown.js');
$('.dropdown')
  .dropdown({
    // you can use any ui transition
    transition: 'drop'
  })
;

之后控制台便报了这样的错误：

Uncaught ReferenceError: jQuery is not defined

这就说明我没做好Webpack的依赖配置，这时我的做法是利用Webpack将jQuery导出到全局中。下面是我配置的修改部分（完整配置）：

// 全局依赖
var deps = [
  'jquery/dist/jquery.js'
];
...// 此处省略n行代码
// 导出全局依赖
{
  test: path.resolve(node_modules, deps[0]),
  loader: 'expose?jQuery'
},

之后再用Webpack重新打包，便不会出现上述报错信息。