Lodash unexpectedly injects itself into global when required in subdependency

匿名 (未验证) 提交于 2019-12-03 01:05:01

问题:

My app depends on a library foolib, library foolibhas a dependency on lodash and requires it via var _ = require('lodash')

Requiring foolib results in lodash attaching itself to the window

I found that this was due to this:

https://github.com/lodash/lodash/blob/45785a282442399cfca829aea496104003f773e2/dist/lodash.js#L17041-L17046

  // Some AMD build optimizers, like r.js, check for condition patterns like:   if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {     // Expose Lodash on the global object to prevent errors when Lodash is     // loaded by a script tag in the presence of an AMD loader.     // See http://requirejs.org/docs/errors.html#mismatch for more details.     // Use `_.noConflict` to remove Lodash from the global object.     root._ = _; 

Adding a debugger into the body of conditional results in the debugger triggering, but the condition that caused the if branch to be entered into now returns false

Adding a console log before the debugger to log out the value of define shows it as being defined by webpack:///(webpack)/buildin/amd-define.js?0bba with the contents of

module.exports = function() { throw new Error("define cannot be used indirect"); };    /*****************  ** WEBPACK FOOTER  ** (webpack)/buildin/amd-define.js  ** module id = 875  ** module chunks = 2  **/ 

Since I'm building with webpack, it seems unexpected that that condition with define and define.amd would be true

回答1:

Found a solution:
https://github.com/webpack/webpack/issues/138#issuecomment-160638284

module: {     noParse: /node_modules\/lodash\/lodash\.js/, } 

Added that to webpack config and problem was solved



标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!