手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >webpack中引用jquery的简单实现
webpack中引用jquery的简单实现
摘要:1.首先需要添加项目中jquery的依赖npminstalljquery--save-dev2.参考配置代码:varwebpack=requ...

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的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【webpack中引用jquery的简单实现】相关文章:

javascript中DOM复选框选择用法实例

jQuery插件zepto.js简单实现tab切换

js实现简单div拖拽功能实例

Jquery注册事件实现方法

window.onload与$(document).ready()的区别分析

javascript用函数实现对象的方法

JQuery中Text方法用法实例分析

JavaScript中exec函数用法实例分析

多种js图片预加载实现方式分享

JQuery中层次选择器用法实例详解

精品推荐
分类导航