webpack引入jquery
来源:互联网 发布:怎样变更淘宝店的地区 编辑:程序博客网 时间:2024/05/16 12:16
使用vue-cli 手脚架 生成了webpack-simple一个demo,如果想在vue中使用jquery时,一种办法是直接在index.html中引入jquery,但是这种方法并不是我想使用的,当然还有很多种方法引入jquery到webpack中,但我个人比较喜欢下面的的一种方法。
1.创建包装对象文件
创建jquery的包装对象jquery-vendor.js文件,存放在assets文件夹中,
文件内容:
import $ from 'jquery'window.$ = $window.jQuery = $export default $
2.引用
在main.js文件中引用jquery时,指向jquery-vendor.js即可
import Vue from 'vue'import App from './App.vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'import './assets/css/index.css'import $ from '../assets/jquery-vendor.js'//引用import 'jquery-ui'//其他插件引用
// 此时UI的方法全部可用,如果需要引用bootstrap,可参照此方法
为了调用方便,可在webpack.config.js配置文件中创建jquery-vendor.js的别名
alias: { 'jquery': 'src/assets/jquery-vendor.js' //将其指向jquery-vendor.js所在位置}
阅读全文
0 0
- webpack引入jquery
- vue-cli+webpack引入jQuery
- webpack引入外部jQuery库
- webpack如何全局引入jquery和插件?
- vue-cli webpack中引入jquery
- vue-cli webpack全局引入jquery
- vue-cli脚手架 webpack中引入jquery
- webpack引入jquery以及bootstrap方法
- webpack 引入 依赖jQuery的插件
- webpack引入jquery插件失败的解决办法
- vue+vue-cli+webpack中引入jQuery
- Webpack引入jquery及其插件的几种方法
- vue+webpack引入 jquery 需要修改的地方
- 如何在webpack中引入jquery和bootstrap
- webpack引入css错误
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- 21、参数的传递
- 小M开发_java零基础(字母金字塔案例)
- 2017-06-27 第一次写博客
- PDB的plugging和unpluged
- Java+Selenium3方法篇28-Actions-鼠标悬停
- webpack引入jquery
- 信号
- Java 工厂方法模式
- nginx配置和tomcat的集成
- 22、动态 SQL
- 实战
- 23、Mapper解析之基于注解的总体过程
- ffmpeg参数
- Python 多进程 —— 共享数据