vue-cli脚手架中引入jquery

责编:menVScode 2018-06-12 11:30 阅读(989)

1、安装jquery依赖

npm install jquery --save

2、进入webpack.base.conf.js文件,开始顶部是这样的,添加代码

var path = require('path')
var utils = require('./utils')
var webpack = require("webpack") // 这是要添加的
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')

然后到下面的 module.exports 内部增加一个plugins

module.exports = {
    // ...
    plugins: [    
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"    
        }) 
    ],
    // ...
}

在上面引入webpack就是为了在此使用webpack对象。

3、在main.js里面去导入jquery

import $ from 'jquery'
标签: jquery vue-cli
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码