Javascript 通过网页包加载时访问jQuery_Javascript_Jquery_Webpack_Webpack 2

Javascript 通过网页包加载时访问jQuery

javascript jquery webpack

Javascript 通过网页包加载时访问jQuery,javascript,jquery,webpack,webpack-2,Javascript,Jquery,Webpack,Webpack 2,在用webpack加载$和jQuery之后，我试图让它们在DOM中工作。我需要jQuery来处理一些额外的dom操作，这些操作将与video.js一起使用我已经阅读了webpack文档，但是尽管我可以让jquery在bundle文件中正常工作，但我似乎无法让它在bundle文件之外工作我的文件处于当前状态： webpack.config.js var path = require('path'); var webpack = require('webpack'); module.expo

在用webpack加载$和jQuery之后，我试图让它们在DOM中工作。我需要jQuery来处理一些额外的dom操作，这些操作将与video.js一起使用

我已经阅读了webpack文档，但是尽管我可以让jquery在bundle文件中正常工作，但我似乎无法让它在bundle文件之外工作

我的文件处于当前状态：

webpack.config.js

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: './js/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    plugins : [
        new webpack.ProvidePlugin({$: 'jquery',jQuery: 'jquery'})
    ],
};

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Webpack test</title>
</head>
<body>
<div id="playerContainer"> </div>
<script type="text/javascript" src="./dist/bundle.js"></script>
</body>
</html>

package.json

{
  "name": "webpack-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "jquery": "^3.2.1"
  },
  "devDependencies": {
    "webpack-dev-server": "^2.4.5",
    "webpack": "^2.6.1"
  },
  "scripts": {
    "start": "webpack -w",
    "server": "webpack-dev-server"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

是否可以让jQuery（可能还有其他库）在浏览器中工作？

在

index.js

中，您必须将jQuery公开到

窗口

，以便其他第三方库可以访问它。您只需要做这一行：

window['jQuery']=window['$']=require（'jQuery'）我希望我能对一个回复投上百万次的赞成票。这是我类似问题的答案：谢谢！在index.js
中，您必须将jquery公开到窗口
，以便其他第三方库可以访问它。您只需要做这一行：window['jQuery']=window['$']=require（'jQuery'）我希望我能对一个回复投上百万次的赞成票。这是我类似问题的答案：谢谢！
{
  "name": "webpack-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "jquery": "^3.2.1"
  },
  "devDependencies": {
    "webpack-dev-server": "^2.4.5",
    "webpack": "^2.6.1"
  },
  "scripts": {
    "start": "webpack -w",
    "server": "webpack-dev-server"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}