seetoyou的博客

day-122-one-hundred-and-twenty-two-20230728-跨域-模块化-webpack初步跨域跨域为什么要跨域？浏览器为了安全，不能让我们的html文件可以随意引用别的服务器中的文件，只允许我们的html或js文件中，请求我们自己服务器。这个就是浏览器的同源策略。因为我们的网页是一个html文件，这个html是在一个域名里的。而这个html会引用各种文件，如图片、js文件、css文件，这些文件，有时候并不在一个服务器里。所以我们就需要去到其它服务器中查找这些

安装和使用可选择当前配置项文件目录jsconfig.json文件：不仅给webpack看，而且对vscode编辑器也有用！babel.config.js 这个是babel的配置文件，用于处理js与vue语法的！vue.config.js 这个是vue的配置项。@vue/cli 脚手架，为了美化项目的目录结构，把配置好的webpack规则都隐藏到了 node_modules 中，基于 vue-cli-service 进行管理！如果想查看配置好的规则？

第一部分：加快打包速度和降低打包后文件的体积第二部分：提高页面第一次渲染的速度减少HTTP请求的次数和大小前端骨架屏技术开启静态资源文件的CDN部署基于 Connection:keep-alive 保持TCP通道的长链接，防止每一次请求都要进行三握四挥，加快资源的获取减少对Cookie的使用，因为每一次向服务器发送请求，都会把本地的cookie自动传递给服务器资源要分服务器进行部署，在增加了DNS解析次数的基础上，使用DNS预解析，来加快域名解析速度！针对于图片方面的处理。

如果项目有git仓库」我们刚才改了代码，暴露的结果是，会新增很多文件和文件夹，为了防止新增的这些东西，对我们自己写的代码有影响，需要我们提前把修改的东西，提交到git仓库的历史区！但是 Eslint ，它不仅仅可以检测错误的语法，而且一些即便没有错（浏览器可以正常运行的），但是它只要认为这样写不好，也会检测成为错误的语法！所以如果我们想修改默认的配置项，create-react-app的处理办法：把默认的配置项给开发者暴露出来即可！react框架不是类似于vue那样设计的，核心是分开的。

在vue项目中使用scss语法的准备步骤个人总结:在项目根目录cmd控制台中使用以下命令行，安装vue项目中使用scss的相关依赖;在["项目根目录/build/webpack.base.conf.js"]中的module下的rules里添加配置：在项目根目录cmd控制台中使用以下命令行：个人总结:在项目根目录cmd控制台中使用以下命令行，安装vue项目中使用scss的相关依赖;$ npm install node-sass --save-dev$ npm install sass-loader@7