vue-cli webpack 引入jquery
2018-01-11 20:10
861 查看
参考:
https://segmentfault.com/a/1190000007020623 https://www.baidu.com/s?ie=UTF-8&wd=vue-cli%20%E5%A6%82%E4%BD%95%E5%BC%95%E7%94%A8jQuery
今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install
在webpack.base.conf.js里加入
var webpack = require("webpack")
在module.exports的最后加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
然后一定要重新 run dev
在main.js 引入就ok了import $ from 'jquery'
https://segmentfault.com/a/1190000007020623 https://www.baidu.com/s?ie=UTF-8&wd=vue-cli%20%E5%A6%82%E4%BD%95%E5%BC%95%E7%94%A8jQuery
vue-cli webpack 引入jquery
今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install
在webpack.base.conf.js里加入
var webpack = require("webpack")
在module.exports的最后加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
然后一定要重新 run dev
在main.js 引入就ok了import $ from 'jquery'
相关文章推荐
- vue-cli webpack中引入jquery
- vue-cli webpack全局引入jquery
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli webpack全局引入jquery
- vue-cli webpack 引入jquery
- 如何在vue-cli webpack中全局引入jquery
- vue-cli+webpack引入jQuery
- vue-cli webpack 引入jquery
- vue-cli webpack 引入jquery的方法
- vue+webpack 引入jquery
- vue+webpack引入 jquery 需要修改的地方
- vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- vue-cli webpack 全局引用jquery
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- vue-cli webpack 引入swiper的操作方法
- vue-cli webpack 引入 wangeditor(轻量级富文本框)
- webpack+vue-cli项目中引入外部非模块格式js的方法
- Vue.js+Webpacky引入jQuery及插件实践