在Vue项目中正确引用jQuery和jQuery-UI插件
在 vue 项目里使用jQuery和jQuery-UI插件,多小伙伴会卡在 webpack 的配置上。其实,只要你在项目中正确引用这两个库,开发起来就会顺畅多。需要修改的主要是webpack.base.conf.js
文件,调整一下 resolve 和 plugins 的配置。jQuery和jQuery-UI本身并不会自动识别 vue 的模块化机制,所以配置好路径和别名是关键。别急,照着步骤做,修改两处代码,require('webpack')
,就能问题。对于想要让jQuery
和jQuery-UI
和 vue 无缝配合的你来说,做好这些配置之后,一切就能井井有条。
另外,要注意 webpack 的版本和配置的差异,是当你用了 vue-cli 3.x 或更高版本时,会稍微不同。如果你不小心碰到问题,可以参考一下文中的相关文章,或者自己在项目中动手试一试,逐步调整。
,别忘了多留意其他jQuery-UI
插件的使用,组合起来效果更佳。
196.56KB
文件大小:
评论区