webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
1.首先需要添加項(xiàng)目中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" }) ] }
在項(xiàng)目中安裝jquery依賴,一定不能少。
以上這篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 詳解webpack 多頁(yè)面/入口支持&公共組件單獨(dú)打包
- webpack常用配置項(xiàng)配置文件介紹
- 基于vuejs+webpack的日期選擇插件
- Vue.js中用webpack合并打包多個(gè)組件并實(shí)現(xiàn)按需加載
- 詳解如何使用webpack打包Vue工程
- 深入理解Webpack 中路徑的配置
- webpack實(shí)現(xiàn)熱加載自動(dòng)刷新的方法
- Webpack+Vue如何導(dǎo)入Jquery和Jquery的第三方插件
- 詳解webpack分離css單獨(dú)打包
- webpack打包后直接訪問(wèn)頁(yè)面圖片路徑錯(cuò)誤的解決方法
- webpack獨(dú)立打包和緩存處理詳解
- 詳解使用vue腳手架工具搭建vue-webpack項(xiàng)目
- Webpack 實(shí)現(xiàn) Node.js 代碼熱替換
- 深入淺出webpack之externals的使用
- Webpack實(shí)現(xiàn)按需打包Lodash的幾種方法詳解
- 詳解webpack 如何集成第三方j(luò)s庫(kù)
- Vue項(xiàng)目webpack打包部署到服務(wù)器的實(shí)例詳解
- 加速Webpack構(gòu)建技巧總結(jié)
相關(guān)文章
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框,需要的朋友可以參考下。2011-10-10jquery實(shí)現(xiàn)像柵欄一樣左右滑出式二級(jí)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)像柵欄一樣左右滑出式二級(jí)菜單效果代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery在header中設(shè)置請(qǐng)求信息的方法
這篇文章主要介紹了jQuery在header中設(shè)置請(qǐng)求信息的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播
閑來(lái)無(wú)事做的一個(gè)Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播的特效,功能和樣子實(shí)現(xiàn)了,由于樣式是渣渣,所以小伙伴們想直接用的話,還得自己美化下2014-11-11jQuery實(shí)現(xiàn)滾動(dòng)到底部時(shí)自動(dòng)加載更多的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)到底部時(shí)自動(dòng)加載更多的方法,涉及jQuery基于ajax動(dòng)態(tài)操作頁(yè)面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-02-02如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果
我們今天就一個(gè)具體的需求進(jìn)行分析,引出如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-09-09jQuery 1.9.1源碼分析系列(十五)之動(dòng)畫處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列(十五)之動(dòng)畫處理 的相關(guān)資料,需要的朋友可以參考下2015-12-12jquery實(shí)現(xiàn)全選、不選、反選的兩種方法
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)全選、不選、反選的兩種方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09