如何使用Webpack包括jQuery和jQuery验证？

Question

我是Webpack的新手，正在尝试使用https://github.com/erikras/react-redux-universal-hot-example创建一个Universal React应用。 我使用以下方法包含了jQuery：

var jquery = new webpack.ProvidePlugin({
  $: "jquery",
  jQuery: "jquery"
})

并将其包含在module.exports插件数组中以使其全局。 在我的JS文件中，我试图像这样包含它

import $ from 'jquery';
import jqueryValidation from 'jquery-validation';

但是我在NodeJS中收到以下错误：

> error given was: TypeError: $.extend is not a function  
[1]     at /Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:19:3  
[1]     at /Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:13:20  
[1]     at Object.<anonymous> (/Users/admin/repo/learnReact/node_modules/jquery-validation/dist/jquery.validate.js:17:2)  
[1]     at Module._compile (module.js:570:32)  
[1]     at Module._extensions..js (module.js:579:10)  
[1]     at require.extensions.(anonymous function) (/Users/admin/repo/learnReact/node_modules/babel-register/lib/node.js:152:7)  
[1]     at Object._module2.default._extensions.(anonymous function) [as .js] (/Users/admin/repo/learnReact/node_modules/require-hacker/babel-transpiled-modules/require hacker.js:260:68)  
[1]     at Module.load (module.js:487:32)  
[1]     at tryModuleLoad (module.js:446:12)  
[1]     at Module._load (module.js:438:3)  
[0] ./src/utils/validation.js

我究竟做错了什么？ 在线快速搜索后，我还尝试了一些帖子建议的Exposure-loader，但似乎也没有用。 修复此问题的任何帮助或对良好Webpack教程的任何引用将受到高度赞赏。

Answer 1

jQuery只能在DOM上使用。 验证也是如此

https://www.npmjs.com/package/jquery#node

因此，如果要包含jquery，则必须使用脚本标记将其注入到客户端输入文件（webpack）中

这样，jquery将始终在具有DOM的环境中运行。 之后，您将可以在react应用中通过window。$使用jquery。

(componentDidMount) (componentWillMount does not support DOM afaik)