webpack中引用jquery的簡單實(shí)現(xiàn)

更新時間：2016年06月08日 15:47:16 投稿：jingxian

下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡單實(shí)現(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的簡單實(shí)現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動提示功能示例代碼
本篇文章主要介紹了easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動提示功能示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2016-12-12
jQuery News Ticker 基于jQuery的即時新聞行情展示插件
今天分享一個新聞行情的jQUery插件，可以幫助大家使用比較小的頁面區(qū)域來展示最新最重要的信息。
2011-11-11
jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
淺談jQuery中height與width
本文給大家簡單談?wù)刯Query中的獲取高度和寬度的height和width方法，這里總結(jié)一下，方便大家更好的理解，有需要的小伙伴可以參考下。
2015-07-07
一個背景云變換js特效鼠標(biāo)移動背景云變化
分享一個背景云變換js特效隨著鼠標(biāo)的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下
2012-12-12
jquery二級目錄選中當(dāng)前頁的css樣式
下面小編就為大家?guī)硪黄猨query二級目錄選中當(dāng)前頁的css樣式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12
jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡特效
本文給大家分享的是一段jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡的特效代碼，希望小伙伴們能夠喜歡。
2015-02-02
JS拖動選擇table里的單元格完整實(shí)例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實(shí)例形式分析了基于jQuery的table表格動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,涉及事件響應(yīng)及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下
2019-05-05
解決jQuery動態(tài)獲取手機(jī)屏幕高和寬的問題
這篇文章主要介紹了如何解決jQuery動態(tài)獲取手機(jī)屏幕高和寬的問題,需要的朋友可以參考下
2014-05-05
jQuery實(shí)現(xiàn)字符串全部替換的方法【推薦】
本文主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03