Webpack - 未捕获的ReferenceError:$未定义jquery

Question

我正在使用webpack bundler来编译react js代码.但是,我在使用jquery和velocity js等第三方库时遇到了问题.

我在顶部的自定义js文件中导入了jquery但是,我仍然收到错误.

/* Import libraries stylesheet */
import '../shared/lib/normalize.css';
import '../shared/lib/grid.css';
import '../shared/lib/tiny-scrollbar/tinyscrollbar.css';

/* Import main stylesheet */
import './main.scss';

/* Import libraries script */
import '../shared/lib/jquery-1.12.3.min.js';
import '../shared/lib/tiny-scrollbar/jquery.tinyscrollbar.min.js';
import '../shared/lib/velocity.min.js';
import '../components/card/cards.js';

/* Import main component */
import './main.jsx';

Answer 1

在webpack中添加了jquery插件解决了这个问题.

 plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        })
    ]