資訊專欄INFORMATION COLUMN
摘要：在與搭配的項(xiàng)目，雖然可以完全不用，但是呢，太多的擴(kuò)展太好用，所以還是得用以下下，然而，總不能每個(gè)文件都要一下吧，那樣很大的，所以出現(xiàn)今天的標(biāo)題。
在webpack與Vue搭配的項(xiàng)目，雖然可以完全不用jquery，但是呢，JQ太多的擴(kuò)展太好用，所以還是得用以下下，然而，總不能每個(gè)文件都要import一下$吧，那樣js很大的，所以出現(xiàn)今天的標(biāo)題。
1.首先需要安裝jQuery命令：
npm install jQuery --save-dev
會(huì)自動(dòng)安裝最新版本，同時(shí)，會(huì)自動(dòng)在package.json里面增加依賴，自動(dòng)的，你無(wú)需操作其他。如果你想指定版本，在jQuery后面加@1.8.11即可，既然都用Vue2.x了，直接最新版jQuery就好了，個(gè)人建議哈。
2.修改webpack.base.conf.js在第二行(就是"use strict"下面)插入：
const webpack = require("webpack")
然后在module.exports的最后加入：
plugins: [ new webpack.optimize.CommonsChunkPlugin("common.js"), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
3.重啟服務(wù)
因?yàn)樾薷牧伺渲茫孕枰貑⒎?wù)：
npm run dev4.全局引入一下【這一步可忽略也可以】在main.js里面：
import $ from "jquery"
以上就是全局使用，如果不想全局使用，在main.js里面，執(zhí)行步驟4即可。23可以忽略不操作。希望對(duì)大家有幫助。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/90607.html
摘要：通過(guò)安裝和要使用必須先引入找到文件夾下的文件打開(kāi)，新增配置找到文件夾下的文件打開(kāi)，全局引入在入口文件中加入在里導(dǎo)入 1.通過(guò)cnpm安裝bootstrap和jquery cnpm install bootstrap jquery --save 2.要使用bootstrap必須先引入jQuery 找到build文件夾下的webpack.prod.conf.js文件打開(kāi)，新增配置： p...
平日學(xué)習(xí)接觸過(guò)的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析 深入 Promise(二)——進(jìn)擊的 Promise Effective JavaScript leeheys blog -...
平日學(xué)習(xí)接觸過(guò)的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析 深入 Promise(二)——進(jìn)擊的 Promise Effective JavaScript leeheys blog -...
平日學(xué)習(xí)接觸過(guò)的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 03月份前端資源分享 1. Javascript 175453545 Redux compose and middleware 源碼分析 深入 Promise(二)——進(jìn)擊的 Promise Effective JavaScript leeheys blog -...
閱讀 1322·2021-09-22 15:09
閱讀 2656·2021-08-20 09:38
閱讀 2402·2021-08-03 14:03
閱讀 863·2019-08-30 15:55
閱讀 3368·2019-08-30 12:59
閱讀 3551·2019-08-26 13:48
閱讀 1886·2019-08-26 11:40
閱讀 647·2019-08-26 10:30
