摘要:文本修饰标签 强调 -> 双标签 : <strong></strong>、<em></em> 区别: 1. 写法和展示效果是有区别的,一个加粗、一个斜体 2. strong的强调性更强,em的强调性稍弱。 下标 : <sub></sub> 上标 : <sup></sup> 删除文本 : <del><
阅读全文
摘要:什么是Tree Shaking webpack实现Tree Shaking usedExports sideEffects Webpack中tree shaking的设置 CSS实现Tree Shaking cnpm install purgecss-webpack-plugin -D 配置Purg
阅读全文
摘要:Terser介绍和安装 命令行使用Terser Compress和Mangle的options Terser在webpack中配置 CSS的压缩 index.js import {sum, mul} from "./math"; import _ from "lodash"; console.log
阅读全文
摘要:什么是CDN? 购买CDN服务器 第三方库的CDN服务器 认识shimming【了解】 Shimming预支全局变量 MiniCssExtractPlugin 目录结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=
阅读全文
摘要:认识代码分离 多入口起点 Entry Dependencies(入口依赖) SplitChunks SplitChunks自定义配置 当然,我们可以自定义更多配置,我们来了解几个非常关键的属性: SplitChunks自定义配置解析 SplitChunks自定义配置解析 动态导入(dynamic i
阅读全文
摘要:如何区分开发环境 入口文件解析 配置文件的分离 目录结构 package.json { "name": "webpack_devserver", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "buil
阅读全文
摘要:为什么要搭建本地服务器? Webpack watch webpack-dev-server cnpm install --save-dev webpack-dev-server 注意,脚本是 "serve": "webpack serve" webpack-dev-middleware 【了解】 w
阅读全文
摘要:认识ESLint 使用ESLint npm install eslint -D npx eslint --init npx eslint ./src/main.js ESLint的文件解析 VSCode的ESLint插件 VSCode的Prettier插件 ESLint-Loader的使用 cnpm
阅读全文
摘要:为什么需要babel? Babel命令行使用 npm install @babel/cli @babel/core 插件的使用 Babel的预设preset cnpm install @babel/preset-env -D Babel的底层原理 babel编译器执行原理 中间产生的代码 babel
阅读全文
摘要:认识Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成的index.html分析 自定义HTML模板 自定义模板数据填充 DefinePlugin的介绍 DefinePlugin的使用 CopyWebpackPlugin 目录结构 wk.config.js
阅读全文
摘要:案例准备 file-loader 文件的名称规则 设置文件名称 设置文件的存放路径 url-loader url-loader的limit 目录结构 wk.config.js const path = require('path'); module.exports = { entry: "./src
阅读全文
摘要:webpack默认打包 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
阅读全文
摘要:前端发展的几个阶段 前端开发的复杂化 前端三个框架的脚手架 Webpack是什么? Webpack官网图片 工作中的webpack 日常工作来说,比如在开发vue、react、angular等项目的过程中我们需要一些特殊的配置:比如给某些目录结构起别名,让我们的项目支持sass、less等预处理器,
阅读全文