vue-cli全引入jquery
2017-10-19 10:02
477 查看
vue-cli全引入jquery:(vue-cli使用webpack)
第一步:
在package.json文件里的dependencies项填入:"jquery" : "^2.2.3"
第二步:
在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入:
第三步:
在.eslintrc.js文件里env项加入jquery: true;使jquery变为全局变量
第四步:
在main.js里
第五步:
重新npm install
再重新npm run dev
第一步:
在package.json文件里的dependencies项填入:"jquery" : "^2.2.3"
"dependencies": { "echarts": "^3.7.1", "iview": "^2.3.0", "vue": "^2.4.2", "vue-router": "^2.7.0", "jquery" : "^2.2.3" }
第二步:
在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入:
plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
第三步:
在.eslintrc.js文件里env项加入jquery: true;使jquery变为全局变量
env: { browser: true, jquery: true }
第四步:
在main.js里
import $ from 'jquery' Vue.use($)
第五步:
重新npm install
再重新npm run dev
相关文章推荐
- 饿了么项目---1、vue-cli快速构建项目(包括兼容老项目时需引入bootstrap、jquery的方法)
- vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
- vue-cli引入jquery、bootstrape
- vue-cli webpack 引入jquery
- vue-cli怎么引入jquery
- vue-cli webpack全局引入jquery
- vue脚手架vue-cli 中 引入 jquery 把某个按钮 加上点击事件 事件 第一次 成功 第二次就失效了
- vue-cli webpack 引入jquery
- vue-cli webpack全局引入jquery
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- vue-cli webpack中引入jquery
- vue-cli webpack 引入jquery
- vue-cli中引入jquery
- vue-cli 引入jQuery,Bootstrap,popper的方法
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli webpack 引入jquery的方法
- vue-cli中引入jquery方法
- vue-cli项目中,全局引入jquery
- 如何在vue-cli webpack中全局引入jquery
- vue-cli快速构建项目>>>>及引入jquery、jquery插件、this的指向 mounted钩子函数应用