为了账号安全,请及时绑定邮箱和手机立即绑定

vue两种方式引入bootstrap区别的问题

vue两种方式引入bootstrap区别的问题

芜湖不芜 2019-05-11 16:10:40
第一种下载bootstrap三个文件放到static目录下然后在index.html中引入三个文件这种方式对吗?第二种就是通过npm安装第一种方式我刷新页面时Network里面三个文件都会显示加载的时长而且三个加起来耗时100ms通过第二种方式安装的为什么就没有看到加载这三个文件?两种方式实际加载时间都一样吗?第二种每次刷新也会加载吗?还有发现第一种方式会和别的ui库会产生冲突比如element第二种方式就不会这是为什么?我好像没见过别人用第一种方式
查看完整描述

2 回答

?
蓝山帝景

TA贡献1843条经验 获得超7个赞

第一种是古代莽荒时代元谋人前端开发者使用的方式,第二种是当代前端开发者使用的方式,因为npm是近年来才有的东西啊。但是本质上都是一样的,毕竟js和css加载方式都只有那么几种。
第二种没看到加载三个文件,是因为这几个文件都被打包工具打包起来了。
实际加载时间没有测试过,但是可能会根据你引用的文件、打包的工具、优化的策略,导致文件大小不一样,比如你开发的时候可能是直接引用源文件,自己使用自己的工具打包压缩,而不是用.min文件,那么大小就可能不一样,加载时间不一样。至于刷新会不会重新加载和如何引用没有什么关系,而是看浏览器缓存策略。
ui库冲突要看每个ui库的特性,第一种不一定会冲突,第二种也不一定不会冲突,没有用过所有的ui库,无法回答,可以直接去看直接饮用方式之后的代码和npm安装打包之后的代码,对比之后可以知道。
想要看第一种你必须去找古代的项目,毕竟现代除了主播也没有谁用钻木去火了。
                            
查看完整回答
反对 回复 2019-05-11
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

我就用第一种方式,那时候刚刚接触vue,老板指定要用adminlte,也不太懂打包机制,而且还开了eslint,导致有些插件直接npm进去会报错等等,所以就用了第一种,冲突无非是js,css的先后引入问题
                            
查看完整回答
反对 回复 2019-05-11
  • 2 回答
  • 0 关注
  • 1066 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信