Vue通过vue-cli脚⼿架使⽤JQuery的总结以及⽣产环境和开发环
境publicPa。。。
(1)在使⽤Vue开发的过程中,难免会遇到使⽤jquery的情况,这就需要在webpack中进⾏配置: ⾸选,安装JQery npm i jquery --save-dev
其次,分别在开发环境配置⽂件build/webpack.dev.conf.js和⽣产环境配置⽂件build/webpack.prod.conf.js的plugins节点中增加如下配置:
new webpack.ProvidePlugin({ jQuery: \"jquery\ $: \"jquery\" }),
即可在vue组件中直接使⽤$进⾏jquery的操作。
(2)在使⽤vue-cli脚⼿架的时候,⽣产环境和开发环境默认的publicPath都是设置为'/',但是⽣产环境下产⽣的⽂件⼀般都会报错,很多字体⽂件或者图⽚出现找不到,这就需要设置publicPath。在build/webpack.prod.conf.js中将publicPath:'/'设置为publicPath:'./'即可。