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)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解webpack 多頁面/入口支持&公共組件單獨打包
- webpack常用配置項配置文件介紹
- 基于vuejs+webpack的日期選擇插件
- Vue.js中用webpack合并打包多個組件并實現(xiàn)按需加載
- 詳解如何使用webpack打包Vue工程
- 深入理解Webpack 中路徑的配置
- webpack實現(xiàn)熱加載自動刷新的方法
- Webpack+Vue如何導入Jquery和Jquery的第三方插件
- 詳解webpack分離css單獨打包
- webpack打包后直接訪問頁面圖片路徑錯誤的解決方法
- webpack獨立打包和緩存處理詳解
- 詳解使用vue腳手架工具搭建vue-webpack項目
- Webpack 實現(xiàn) Node.js 代碼熱替換
- 深入淺出webpack之externals的使用
- Webpack實現(xiàn)按需打包Lodash的幾種方法詳解
- 詳解webpack 如何集成第三方js庫
- Vue項目webpack打包部署到服務器的實例詳解
- 加速Webpack構建技巧總結
相關文章
easyUI實現(xiàn)類似搜索框關鍵詞自動提示功能示例代碼
本篇文章主要介紹了easyUI實現(xiàn)類似搜索框關鍵詞自動提示功能示例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-12-12
jQuery News Ticker 基于jQuery的即時新聞行情展示插件
今天分享一個新聞行情的jQUery插件,可以幫助大家使用比較小的頁面區(qū)域來展示最新最重要的信息。2011-11-11
jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用詳解
這篇文章主要為大家詳細介紹了jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關實現(xiàn)技巧,涉及事件響應及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05

