超级简单的vue入门教程

vuecli2框架介绍(四)在项目中使用jquery

2019-10-13  本文已影响0人  党云龙

第四章:在项目中使用jquery

有话说在前面


有些组件,比如说swiper是需要jquery支持的。
并且有一些操作dom的效果,也需要jquery来实现,所以集成一个jquery就变得非常必要了。

1.修改webpack配置文件


修改配置文件

在webpack.bese.conf.js中增加一句

var webpack = require('webpack')

然后再该文件的最下面加入


加入plugins描述
plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
    })  
]

2.在项目中启用


最后,打开package.json加入jquery,
这一步不是必须的,因为你如果是使用cnpm install -s-d安装的
这个东西应该自己会有。

在package.json中加入jquery

然后一步你打开main.js引入jquery即可。

import $ from 'jquery'
上一篇下一篇

猜你喜欢

热点阅读