npm导入bootstrap_vue cli3.0如何通过npm引入jquery和bootstrap?
不建议通过npm的方式引入这两个东西,因为这两个东西本身就是打包好的,通过npm的方式过去,还得在webpack中排除掉,迂回。要用就直接在html中通过script和link标签引入。
jQuery是时代的产物,如果要用到vue,那么可以理解你不太需要关注浏览器dom的兼容性问题,不关注浏览器兼容性的话,jQuery就不必太考虑了。如果是做老项目迁移,建议评估好工作量后,做重构,包括对之前一些老的jQuery模块的重写,如果是新项目,对于dom的处理就不要在对jQuery念念不忘了,他能帮你一时,但时代的产物终究是要随着时代的过去而过去的,它可能不会消亡,但已经不是那么重要了。好好看看MDN文档,现在的浏览器对标准的dom和css支持已经很好了,基于vue这类框架,操作dom不会很复杂,相反的是,vue里用jQuery操作dom,会变得更复杂,过来人。
至于bootstap,如果只是用到样式,建议就直接在html中通过link引入吧,vue中设置相应的class,如果需要样式的同时,用到一些特定组件的api,比如modal,datepicker之类的,那么建议找找vue版本的bootstap库,要star数高的,绝对不会太坑。
以上。
npm导入bootstrap_vue cli3.0如何通过npm引入jquery和bootstrap?相关推荐
- Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...
- Failed at the node-sass@4.14.0 postinstall script. npm ERR! This is probably not a problem with npm
直接在当前目录下进行node-sass 的数据源没设置: npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sas ...
- npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法 参考文章: (1)npm ERR ...
- npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must inst
npm WARN stylus-loader@3.0.2 requires a peer of stylus@>=0.52.4 but none is installed. You must i ...
- 小程序开发:WeUI用npm导入
导入WeUI数据包(npm方法) WeUI 是由微信官方设计团队和小程序团队为微信小程序量身设计的小程序扩展组件库.在使用前需要导入WeUI组件库,这里用的主要是npm方法,十分简单有效. 导入成功后 ...
- npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! meetwebpack@1.0.0 build: `webpack` npm ERR! Exit
报错提示 npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! meetwebpack@1.0.0 build: `webpack` npm ERR! ...
- 记一次前端启动报错npm ERR! 12@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.c
问题: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! 12@1.0.0 dev: `webpack-dev-server --inline -- ...
- 在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的
最近遇到了一个问题,废了我九牛二虎之力终于给他解决了,原因竟然是这个 有的人用的是用的是mac,有的人用的是windows,所以苹果系统有时候为了兼容会安装一些依赖包 (比如:fsevents),而有 ...
- 报错 | npm ERR Failed at the family@1.0.0 dev script.npm ERR This is probably not a problem
iview+vue报错 npm ERR! Failed at the family@1.0.0 dev script.npm ERR! This is probably not a problem 原 ...
最新文章
- 08JavaScript中的函数
- 三维感知,这些干货足够了!(自动驾驶/三维重建/SLAM/点云/标定/深度估计/3D检测)...
- LeetCode-笔记-112、路径总和
- python函数中把列表(list)当参数时的入坑与出坑
- axios某一接口失败后不调用_axios 源码系列之如何取消请求
- STM32F0使用LL库实现SHT70通讯
- 整数去重(信息学奥赛一本通-T1117)
- kylin基础概念和基础性能优化
- 一级导航,二级导航,三级导航介绍
- 服务器p盘cpu占用率低,硬盘问题导致的CPU占用率100%解决实例
- Unity3D音频系统Aduio声音丨音乐控制丨音频播放丨音频暂停丨音频控制
- STL 堆 鱼塘钓鱼
- java中数组倒叙复制输出
- 163VIP邮箱哪个用的多?邮件误删恢复怎么操作?
- 哥德尔递归汉译和原始递归——哥德尔原著英译拆解汉译之七
- 原码、反码、补码的互相转换
- UnusualDeepLearning-task1
- C# 操作Office带密码文件
- 最优化理论——信赖域方法
- 迭代Kalman滤波
热门文章
- Yolo(3)(项目)Yolo v3 目标检测(85分类)
- python库缺少pkg_resource_ImportError: No module named pkg_resources解决方案
- 事物的级别_浅谈MySQL并发控制:隔离级别、锁与MVCC
- DLL: 一种直接法的激光雷达定位方案
- 剑指offer:面试题20. 表示数值的字符串
- Udacity机器人软件工程师课程笔记(三)-样本搜索和找回-基于漫游者号模拟器-使用moviepy输出测试视频
- Revit的Enscape基本培训(2021) Enscape Essential Training for Revit (2021)
- g-git 相关命令 及其 基本原理探索 (一)
- 实现分布式服务注册及简易的netty聊天
- 一个在raw里面放着数据库文件的网上例子