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

(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:'./'
即可。
posted @ 2018-08-24 14:45  旺仔小馒头  阅读(3019)  评论(0编辑  收藏  举报