vue-cli 项目中引入jquery-雅荷心语博客

首先安装jquery

npm install jquery --save

1	npm install jquery --save

然后打开 webpack.base.conf.js

配置如下:

var webpack = require('webpack')
顶部引入webpack
resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            'vue$': 'vue/dist/vue.esm.js',
            '@': resolve('src'),
            'jquery': 'jquery'
        }
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            jquery: "jquery",
            "window.jQuery": "jquery"
        })
    ],

var webpack = require('webpack')

顶部引入webpack

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

'jquery': 'jquery'

}

plugins: [

new webpack.ProvidePlugin({

$: "jquery",

jQuery: "jquery",

jquery: "jquery",

"window.jQuery": "jquery"

})

npm run dev ,就可以全局使用 $ 了!

一	二	三	四	五	六	日
« 六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

vue-cli 项目中引入jquery

相关推荐

雅荷心语博客 -心之所向便是光