当前位置: 首页 > 后端技术 > Node.js

最新版本的webpack+Vue2,如何全局使用jquery?

时间:2023-04-03 23:02:00 Node.js

在webpack和vue的项目中,虽然jquery完全可以用,但是JQ的扩展太多太好用了,还是得用下面的。但是,您不能为每个文件导入$,对吧?那个js很大,所以就出现了今天的标题。1、首先需要安装jQuery命令:npminstalljQuery--save-dev会自动安装最新版本,同时会自动在package.json中添加依赖,自动的,你不用需要做任何其他事情。如果要指定版本,在jQuery后面加上@1.8.11即可。由于使用的是Vue2.x,所以使用最新版本的jQuery即可。我个人的建议。2.修改webpack.base.conf.js并在第二行('usestrict'下方)插入:constwebpack=require("webpack")并在module.exports末尾添加:plugins:[newwebpack.optimize.CommonsChunkPlugin('common.js'),newwebpack.ProvidePlugin({jQuery:"jquery",$:"jquery"})]3.重启服务因为修改了配置,所以需要重启服务:npmrundev4。全局导入【这一步可以忽略或者】在main.js中:import$from'jquery'是全局使用的。如果不想全局使用,在main.js中执行第4步即可。23可以忽略不操作。希望大家有所帮助。