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

Question

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

Answer 1

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

Answer 2

我就用第一种方式，那时候刚刚接触vue,老板指定要用adminlte,也不太懂打包机制，而且还开了eslint，导致有些插件直接npm进去会报错等等，所以就用了第一种,冲突无非是js,css的先后引入问题