在Vue项目中正确引用jQuery和jQuery-UI插件

在 vue 项目里使用jQueryjQuery-UI插件,多小伙伴会卡在 webpack 的配置上。其实,只要你在项目中正确引用这两个库,开发起来就会顺畅多。需要修改的主要是webpack.base.conf.js文件,调整一下 resolve 和 plugins 的配置。jQueryjQuery-UI本身并不会自动识别 vue 的模块化机制,所以配置好路径和别名是关键。别急,照着步骤做,修改两处代码,require('webpack'),就能问题。对于想要让jQueryjQuery-UI和 vue 无缝配合的你来说,做好这些配置之后,一切就能井井有条。

另外,要注意 webpack 的版本和配置的差异,是当你用了 vue-cli 3.x 或更高版本时,会稍微不同。如果你不小心碰到问题,可以参考一下文中的相关文章,或者自己在项目中动手试一试,逐步调整。

,别忘了多留意其他jQuery-UI插件的使用,组合起来效果更佳。

pdf 文件大小:196.56KB