Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
2017-07-25 10:36
841 查看
Vue中引入jquery方法
vue-cli webpack 引入jquery
今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后npm install或者用npm install --registry=http://registry.npm.taobao.org安装的会更快一点
在webpack.base.conf.js里加入
var webpack = require("webpack")
在module.exports的最后加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
然后一定要重新npm run dev
在main.js 引入就ok了import $ from 'jquery'
相关文章推荐
- vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用
- vue-cli webpack 引入jquery的方法
- vue-cli webpack全局引入jquery
- vue-cli webpack 引入jquery
- 基于Webpack, KnockoutJs,esyui,koeasyui实现类vue-cli生成的模板框架
- vue-cli webpack全局引入jquery
- webpack+vue-cli项目中引入外部非模块格式js的方法
- vue-cli+webpack引入jQuery
- 用Vue-cli生成vue+webpack的项目模板
- 用Vue-cli生成vue+webpack的项目模板怎么设置为vue1.0版本?
- 如何在vue-cli webpack中全局引入jquery
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli webpack中引入jquery
- Vue工程模板文件 webpack打包配置方法
- vue-cli webpack 引入jquery
- 用Vue-cli生成vue+webpack的项目模板怎么设置为vue1.0版本?
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- vue-cli webpack 引入jquery