vue-cli 3.0配置jquery

vue-cli 2.0和3.0有着比較大的不一樣,3.0的項目更加精簡,少了咱們熟悉的build和config,固然,裏面的配置也沒了,更換成了根目錄下的vue.config.jsvue



下面說說vue-cli 3.0 的配置-引入jqueryjquery

1. cnpm install --save-dev jquerywebpack

引入jquery,(沒有淘寶鏡像的使用 npm install -g cnpm --registry=https://registry.npm.taobao.org裝一個)web


成功安裝的話,package.json中會多這一行vue-cli


2.找到eslintrc.js,加入jquery: truenpm



3.打開vue.config.js文件,加入const webpack = require('webpack'),在module.export中加入json

configureWebpack: {    
    plugins: [      
        new webpack.ProvidePlugin({        
            $: 'jquery',        
            jQuery: 'jquery',        
            'windows.jQuery': 'jquery'      
        })    
    ]  
}複製代碼

如圖所示windows



4.在main.js中引入全局jquerybash

import $ from 'jquery'


好啦~ jquery就配置完成啦ide

相關文章
相關標籤/搜索