随笔分类 -  webpack

1 2 下一页

656 webpack HTTP压缩：gzip，文件压缩，HTML文件中代码的压缩
该文被密码保护。

posted @ 2021-03-18 18:29 冲啊！ 阅读(0) 评论(0) 推荐(0)

655 webpack的Tree Shaking、Scope Hoisting：usedExports，sideEffects，CSS实现Tree Shaking，PurgeCss
摘要：什么是Tree Shaking webpack实现Tree Shaking usedExports sideEffects Webpack中tree shaking的设置 CSS实现Tree Shaking cnpm install purgecss-webpack-plugin -D 配置Purg 阅读全文

posted @ 2021-03-17 20:35 冲啊！ 阅读(369) 评论(0) 推荐(0)

654 webpack的Terser、CSS的压缩
摘要：Terser介绍和安装 命令行使用Terser Compress和Mangle的options Terser在webpack中配置 CSS的压缩 index.js import {sum, mul} from "./math"; import _ from "lodash"; console.log 阅读全文

posted @ 2021-03-16 21:10 冲啊！ 阅读(878) 评论(0) 推荐(0)

653 webpack中使用CDN、shimming，Hash、ContentHash、ChunkHash
摘要：什么是CDN？ 购买CDN服务器 第三方库的CDN服务器 认识shimming【了解】 Shimming预支全局变量 MiniCssExtractPlugin 目录结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文

posted @ 2021-03-16 13:59 冲啊！ 阅读(217) 评论(0) 推荐(0)

652 webpack代码分离：多入口起点，入口依赖，SplitChunks，动态导入，代码懒加载，optimization.chunkIds、runtimeChunk，Prefetch和Preload
摘要：认识代码分离 多入口起点 Entry Dependencies(入口依赖) SplitChunks SplitChunks自定义配置 当然，我们可以自定义更多配置，我们来了解几个非常关键的属性： SplitChunks自定义配置解析 SplitChunks自定义配置解析 动态导入(dynamic i 阅读全文

posted @ 2021-03-15 10:54 冲啊！ 阅读(610) 评论(0) 推荐(0)

651 webpack环境分离：区分环境，入口文件解析，配置文件的分离
摘要：如何区分开发环境 入口文件解析 配置文件的分离 目录结构 package.json { "name": "webpack_devserver", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "buil 阅读全文

posted @ 2021-03-13 16:48 冲啊！ 阅读(135) 评论(0) 推荐(0)

650 webpack 搭建本地服务器：watch，webpack-dev-server，HMR，publicPath、contentBase，hotOnly，host，port、open、compress，Proxy，changeOrigin，resolve解析，extensions、alias
摘要：为什么要搭建本地服务器？ Webpack watch webpack-dev-server cnpm install --save-dev webpack-dev-server 注意，脚本是 "serve": "webpack serve" webpack-dev-middleware 【了解】 w 阅读全文

posted @ 2021-03-12 21:27 冲啊！ 阅读(277) 评论(0) 推荐(0)

649 webpack 使用eslint：ESLint的文件解析、插件，Prettier，ESLint-Loader，加载Vue文件
摘要：认识ESLint 使用ESLint npm install eslint -D npx eslint --init npx eslint ./src/main.js ESLint的文件解析 VSCode的ESLint插件 VSCode的Prettier插件 ESLint-Loader的使用 cnpm 阅读全文

posted @ 2021-03-10 16:04 冲啊！ 阅读(310) 评论(0) 推荐(0)

647 webpack中使用 babel、typescript：@babel/core， @babel/preset-env，babel-loader，Babel的配置文件，polyfill，useBuiltIns，corejs，ts-loader
摘要：为什么需要babel？ Babel命令行使用 npm install @babel/cli @babel/core 插件的使用 Babel的预设preset cnpm install @babel/preset-env -D Babel的底层原理 babel编译器执行原理 中间产生的代码 babel 阅读全文

posted @ 2021-03-09 18:03 冲啊！ 阅读(645) 评论(0) 推荐(0)

646 webpack MKH 原理，source-map
该文被密码保护。

posted @ 2021-03-06 19:46 冲啊！ 阅读(2) 评论(0) 推荐(0)

645 webpack常用plugins：clean-webpack-plugin，html-webpack-plugin，webpack.DefinePlugin，copy-webpack-plugin
摘要：认识Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成的index.html分析 自定义HTML模板 自定义模板数据填充 DefinePlugin的介绍 DefinePlugin的使用 CopyWebpackPlugin 目录结构 wk.config.js 阅读全文

posted @ 2021-03-06 11:26 冲啊！ 阅读(207) 评论(0) 推荐(0)

643 webpack加载和处理其他资源：file-loader，asset module type，加载字体文件
摘要：案例准备 file-loader 文件的名称规则 设置文件名称 设置文件的存放路径 url-loader url-loader的limit 目录结构 wk.config.js const path = require('path'); module.exports = { entry: "./src 阅读全文

posted @ 2021-03-05 20:51 冲啊！ 阅读(233) 评论(0) 推荐(0)

641 webpack配置和css处理：默认打包，配置文件，依赖图，css-loader，style-loader，less-loader，browserslist，PostCSS，postcss-loader，autoprefixer，postcss-preset-env
摘要：webpack默认打包 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale 阅读全文

posted @ 2021-03-04 11:16 冲啊！ 阅读(938) 评论(0) 推荐(0)

640 Webpack初体验
摘要：前端发展的几个阶段 前端开发的复杂化 前端三个框架的脚手架 Webpack是什么？ Webpack官网图片 工作中的webpack 日常工作来说，比如在开发vue、react、angular等项目的过程中我们需要一些特殊的配置：比如给某些目录结构起别名，让我们的项目支持sass、less等预处理器， 阅读全文

posted @ 2021-03-02 21:41 冲啊！ 阅读(115) 评论(1) 推荐(0)

531 vue项目优化
该文被密码保护。

posted @ 2020-09-05 11:43 冲啊！ 阅读(29) 评论(0) 推荐(0)

525 Webpack xiangjie
该文被密码保护。

posted @ 2020-08-22 20:09 冲啊！ 阅读(2) 评论(0) 推荐(0)

432 vue项目开启本地服务器
摘要：画图 : 接口访问路径 前端页面 === 接口服务器 === 数据库服务器 == 数据库 第一小步 : 打开 : 数据库服务器 打开 , 点击 【启动MySQL】 第二小步 : 导入数据库 1. 打开 【双击 即可 】 2. 点击 : 创建一个 连接 3. 用户名和密码 : root root(不能 阅读全文

posted @ 2020-04-01 11:22 冲啊！ 阅读(1926) 评论(0) 推荐(0)

429 vue脚手架
摘要：一、vue 是 单文件组件 导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等 参考 : vue ⇒ 工具 ⇒ 单文件组件 什么是单文件组件 ? 后缀为 .vue 的文件 单文件组件的三个组成部分 (代码块 : scaffold 自动提示) te 阅读全文

posted @ 2020-03-31 15:44 冲啊！ 阅读(343) 评论(0) 推荐(0)

428 webpack 使用步骤
摘要：webpack 使用步骤 一、webpack 第一阶段 命名初始化阶段 项目名不能有汉字，不能取名叫 webpack 1、创建项目名称，并生成 ， 命令 : 2、安装 : 3、创建一个 文件 4、在 的`scripts`中，添加脚本 5、运行 : 6、设置开发状态 : 隔行变色案例 1. 创建 2. 阅读全文

posted @ 2020-03-31 15:39 冲啊！ 阅读(174) 评论(0) 推荐(0)

406 vue单文件组件，脚手架，项目文件、vue项目逻辑流程介绍，ESLint
摘要：一、vue 是 单文件组件 导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等 参考 : vue ⇒ 工具 ⇒ 单文件组件 什么是单文件组件 ? 后缀为 .vue 的文件 单文件组件的三个组成部分 (代码块 : scaffold 自动提示) te 阅读全文

posted @ 2020-03-24 11:10 冲啊！ 阅读(410) 评论(0) 推荐(0)

1 2 下一页

导航