webpack中引用jquery的簡單實現(xiàn)
更新時間:2016年06月08日 15:47:16 投稿:jingxian
下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
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的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解webpack 多頁面/入口支持&公共組件單獨打包
- webpack常用配置項配置文件介紹
- 基于vuejs+webpack的日期選擇插件
- Vue.js中用webpack合并打包多個組件并實現(xiàn)按需加載
- 詳解如何使用webpack打包Vue工程
- 深入理解Webpack 中路徑的配置
- webpack實現(xiàn)熱加載自動刷新的方法
- Webpack+Vue如何導(dǎo)入Jquery和Jquery的第三方插件
- 詳解webpack分離css單獨打包
- webpack打包后直接訪問頁面圖片路徑錯誤的解決方法
- webpack獨立打包和緩存處理詳解
- 詳解使用vue腳手架工具搭建vue-webpack項目
- Webpack 實現(xiàn) Node.js 代碼熱替換
- 深入淺出webpack之externals的使用
- Webpack實現(xiàn)按需打包Lodash的幾種方法詳解
- 詳解webpack 如何集成第三方j(luò)s庫
- Vue項目webpack打包部署到服務(wù)器的實例詳解
- 加速Webpack構(gòu)建技巧總結(jié)
相關(guān)文章
jQuery EasyUI API 中文文檔 DateTimeBox日期時間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時間框,需要的朋友可以參考下。2011-10-10jquery實現(xiàn)像柵欄一樣左右滑出式二級菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)像柵欄一樣左右滑出式二級菜單效果代碼,涉及jquery鼠標(biāo)click點擊事件及頁面元素動態(tài)操作的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08jQuery實現(xiàn)滾動到底部時自動加載更多的方法示例
這篇文章主要介紹了jQuery實現(xiàn)滾動到底部時自動加載更多的方法,涉及jQuery基于ajax動態(tài)操作頁面元素相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-02-02如何用jQuery實現(xiàn)ASP.NET GridView折疊伸展效果
我們今天就一個具體的需求進行分析,引出如何用jQuery實現(xiàn)ASP.NET GridView折疊伸展效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-09-09