vue-cli项目导入jquery插件(其他插件类似)

来源:互联网 发布:中国地质大学北京知乎 编辑:程序博客网 时间:2024/05/21 11:12

介绍一个vue项目给大家学习,阅读别人的项目可以快速提高自己哦, 移动端vue完整项目

(前期准备工作,npm install jquery,你懂的)

1、我们需要修改的是build/webpack.base.conf.js,修改两处的代码

(1)在头部引入

var webpack = require('webpack')

(2)在这个文件的最后写入配置即可

plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ]

2、最后我们在main.js里写入

import $ from 'jquery'

以上都弄好之后,最关键的一步来了,那就是 npm run dev,重启一下 ,哈哈哈,不重启将报错,嘿嘿

还有一点要特别注意的,在package.json文件里面引入的时候一定要把key改成小写的不然报错"jquery": "^2.1.4"


阅读全文
0 0
原创粉丝点击