背景 在 React 项目中使用 CSS 时，如果不使用 CSS in JS 的方案，一般会直接在 JS 文件中导入一个 CSS 文件，比如 import './index.css'，但这样 CSS 会在全局作用域内都有效，所以我们会使用 ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...

谈谈plugins，然后使用两个基本的plugins，一个是clean-webpack-plugin，一个是HtmlWebpackPlugin。 git仓库：webpack-demo 1、plugins初识 什么是webpack的plug ...

讲下解决每次修改文件后需要npm run build重复运行命令打包的问题。 git仓库：webpack-demo 1、问题 每次修改完文件内容要编译代码时，需要重复手动运行npm run build就是件很麻烦的事情。 webpack中 ...

本章主要就是一个东西，如何配置webpack的devServer.proxy实现代理转发。这个应该是日常开发事情中必见的内容了。 git仓库：webpack-demo 1、开始 既然是请求数据，那么就先安装下axios。 $ cd cha ...

swiper官网API接口文档 swiper官网中给出的＂在vue中使用swiper教程＂ 第一步： 在项目文件夹中用＂shift＋鼠标右键＂召唤出命令行工具，然后输入：npm install vue-awesome-swiper --sa ...

我们接着上一篇文章react+webpack4.x搭建前端项目（五）多页面配置 来进行配置模块的单独打包方式（下边简称多app打包） 多app打包的意思是：多个模块单独打包，模块之间的资源互相不依赖，某一模块的资源打包在该模块下。这是和多页 ...

在使用puppeteer自动化的过程中，经常出现一个自动化提示：正在被自动化测试。而这个提示不仅仅有这个作用，它还能让很多网站识别出来，你是在使用爬虫访问，从而采取了相应的反制措施，怎么反制，你懂得。今天我们就来探讨下这个问题！ 基础：c ...

简单说下代码分割。 git仓库：webpack-demo 1、什么是codeSplitting？ 前面第7章讲output多页面相关的内容时，我们将content.js、header.js、footer.js分别打包为三个文件，然后我们在 ...