我想在commonjs模塊中使用全局jQuery

Question

我使用commonjs模塊開發了應用程序。像

var $ = require('jquery'); 

這次，我想改變commonjs jQuery模塊到全球包括jQuery。

解決方案：更改每個需要的語法。

var $ = require('jquery'); => var $ = window.jQuery; 

但我認爲，這不是真棒。

有沒有什麼很棒的方法？ （例如，假設... browserify選項????）

Answer 1

檢出Webpack因爲Browserify正在慢慢地消失。 Webpack與CommonJS和npm一起工作，所以您只需將Webpack指向node_modules目錄中的webpack.config.js（位於resolve.moduleDirectories密鑰下）以獲得所需內容。作爲Webpack功能的一部分，它會自動將jquery從node_modules目錄中取出並以類似commonjs的方式包裝它。

它可以自己作爲自己的構建工具，也可以使用gulp-webpack從gulp運行它。我沒有檢查，但我確定會有一個咕嚕版本，如果這是你使用的。

初始配置會花費你一點時間，但絕對值得花費精力和學習曲線。

資源：

• http://webpack.github.io/docs/tutorials/getting-started/
• https://webpack.github.io/docs/configuration.html#resolve-modulesdirectories