华拓科技网
您的当前位置:首页Vue通过vue-cli脚手架使用JQuery的总结以及生产环境和开发环境publicPa。。。

Vue通过vue-cli脚手架使用JQuery的总结以及生产环境和开发环境publicPa。。。

来源:华拓科技网
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:'./'即可。

因篇幅问题不能全部显示,请点此查看更多更全内容