在Vue-cli中引入

產品說字體的顏色要動態取,但是css文件不存在變量一說,聰明的我立馬想到了利用js給元素設置顏色,這個時候是要抓取元素的,說道抓取元素還是jquery最方便了,那麼怎麼在Vue-cli中引入jquery呢

  • 需要在webpack中全局引入jquery  , 打開package.json文件,在裏面加入這行代碼,jquery後面的是版本,根據你自己需求更改
dependencies:{
              "jquery":"^3.0.0"
       }
 然後在命令行中npm install   安裝


  • 在webpack.base.conf.js文件中加入一行代碼
var webpack=require("webpack")

並在webpack.base.conf.js文件最後一行中加入

plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
})
]
  • 記得在main.js中引入,加入下面這行代碼    

    import $ from 'jquery'
    最後運行
npm run dev

就可以了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章