下面小编就为大家带来一篇 webpack 中引用 jquery 的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
1. 首先需要添加项目中 jquery 的依赖
npm install jquery --save-dev
2. 参考配置代码:
- var webpack = require("webpack");
- var path = require("path");
- module.exports = {
- entry:{
- home:"./src/js/home.js",
- ……
- },
- output:{
- path:__dirname+"/dist/js",
- filename:"[name].min.js"
- },
- module:{
- loaders:[
- {test:/\.CSS$/,loader:"style-loader!css-loader"},
- ……
- ]
- },
- plugins:[
- new webpack.ProvidePlugin({
- $:"jquery",
- jQuery:"jquery",
- "window.jQuery":"jquery"
- })
- ]
- }
在项目中安装 jquery 依赖,一定不能少。
以上这篇 webpack 中引用 jquery 的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0302/265025.html