vue工程化之專案引入jquery

2022-04-03 22:14:29 字數 1033 閱讀 4616

既然寫專案,那麼少不了用jq,那我們就引入進來吧

1、因為已經安裝了vue腳手架,所以需要在webpack中全域性引入jquery

開啟package.json檔案,在裡面加入這行**,jquery後面的是版本,根據你自己需求更改。 

2、然後在命令列中cnpm install 

大多人應該都是使用的**映象,所以使用cnpm,如果你不是 ,可以使用npm安裝。

3、在webpack.base.conf.js中加入一行**

4、在webpack.base.conf.js中module.exports的最後加入這行**,12

5、在main.js中引入,加入下面這行**,全域性引入

1import$ from'jquery'

6、最後一步,重新跑一遍就好,控制台輸入npm run dev    

你會神奇的發現,jq可以用了!

vue工程化管理

載入使用到的資源 最小化載入原則 編寫html css 如何從c盤到e盤 直接在cmd 輸入e 回車 projecta bindocs plugins logs package.json 記錄了你當前環境安裝的工具包有哪些 node.js nvm node的版本管理工具 npm解除安裝vue cli...

vue3 0工程化專案搭建

簡述 以下為vue3.0 vue cli4.0搭建工程化專案的方法,有誤地方感謝更正。一 安裝 腳手架 npm install vue cli g 沒有指定版本則為cli最高版本 二 建立專案 三 選擇定義手動配置 四 選擇配置 五 選擇vue 版本 3.0 六 選擇模式 1.hash模式的原理 u...

在Vue工程化中引入外部公有less檔案

我們可以在外部less檔案中寫入常用的變數然後再需要的模板中呼叫如下 第一步更改配置 修改 webpack.base.config.js 檔案,配置loader載入依賴,讓其支援外部的less在原來的 上新增 在build檔案下的webpack.base.conf.js檔案中加入 第二步建立檔案外部...