1. 程式人生 > >Vue Cli3.0 使用jquery

Vue Cli3.0 使用jquery

注意這裡配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法

一、安裝jquery 

      npm install jquery --save

二、一般安裝成功後在package.json檔案內的dependencies項中會有"jquery": "^1.12.4",如果沒有可以手動新增。需要注意的是,現在我們都是直接使用模板建立專案的,所以第一步是可以省略的(不要說我第二步才說第一步可以省略,這是你自己的問題,看任何東西都是先看了再去做的)。

三、開啟.eslintrc.js 檔案,找到env ,在裡面 新增 jquery:true,預設應該是隻有node:true,如果都沒有,那就加上env唄

四、開啟vue.config.js 檔案,在檔案的頭部位置加上const webpack = require('webpack'),然後在module.exports中,新增

configureWebpack: {

   plugins: [

      new webpack.ProvidePlugin({

        $:"jquery",

        jQuery:"jquery",

        "windows.jQuery":"jquery"

      })

    ]

}

這一步驟類似vue-cli2.0的配置方法

 

五、在main.js中新增“import $ from 'jquery”,到此步,jquery的配置就完成了,至於怎麼使用那就是你的事了