如何在vue-cli webpack中全局引入jquery
2024-08-24 23:48:35
1.首先执行：npm install jQuery --save-dev,在package.json里加入jQuery。
2.修改build下的webpack.base.conf.js
方法一：
首先加入：
const webpack = require("webpack")
然后在module.exports 对象中加入：
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
方法二：
先加入：
const webpack = require("webpack")
然后：
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': 'jquery'
}
},
最后：
plugins: [
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
3.在app.vue中调用jquery
mounted: function() {
console.log($);
console.log($('#ss')[0].innerHTML);
},
打印结果:
最新文章
- 用php生成静态html页面(通用2种方法)
- spring 缓存（spring自带Cache）（入门）源码解读
- 马哥教育视频笔记：01（Linux常用命令）
- loadsh这个神奇的js工具类库
- [CCF2015.12]题解
- hive 模块
- Css 使div标签下沉到页面最低部
- 实现单例模式C++版本
- AngularJS的this详解
- python实例编写（4）--js,滚动条，cookie，验证码，获取特定属性的元素，实现原理
- 切换Allegro PCB Editor
- ireportdesigner下载页面
- python 廖雪峰的官方网站
- JAVA中对List<Map<String,Object>>中的中文汉字进行排序
- Eclipse运行wordcount步骤
- 2018秋季c语言基础课第一次作业
- hadoop1.x异常
- laravel 嵌套事务
- 华为手机不能连接android studio进行调试的解决办法
- Codeforces 429B Working out（递推DP）