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:'./'
即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM