webpack引入全局jQuery

一、使用命令行npm install jquery來安裝jQueryvue

二、在webpack.config.js文件裏配置:jquery

plugins:[
        new webpack.ProvidePlugin({
          $$:"jquery",
          jQuery:"jquery",
          "window.jQuery":"jquery"
        })
       
    ],

之因此使用「$$」,是由於我要在「vue-cli」裏使用,爲了區別「vue-cli」裏的「$」,webpack

三、在*.vue文件裏使用全局Jqeury,web

import Vue from 'vue'
import Jquery from 'jquery';
Vue.use(Jquery)

這樣咱們在使用vue-cli 時就能夠引用全局的jQuery了,固然你也能夠在項目的部分頁面引入jQueryvue-cli

相關文章
相關標籤/搜索