开发总结—Webpack篇(配置全局依赖)

作者:杨润炜
日期:2015/12/9 15:02

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

  1. let $= require('jquery');
  2. require('semantic-ui/dist/components/transition.js');
  3. require('semantic-ui/dist/components/dropdown.js');
  4. $('.dropdown')
  5. .dropdown({
  6. // you can use any ui transition
  7. transition: 'drop'
  8. })
  9. ;

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

  1. Uncaught ReferenceError: jQuery is not defined

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

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

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

感谢您的阅读!
如果看完后有任何疑问,欢迎拍砖。
欢迎转载,转载请注明出处:http://www.yangrunwei.com/a/3.html
邮箱:glowrypauky@gmail.com
QQ: 892413924