Skip to content

后除

Menu
  • Bootstrap实战+
  • GitHub+
  • 留言板
  • 友链
Close search bar

标签: Webpack

前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

2021年12月28日2022年5月28日后除One Comment

"前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)"继续阅读

Node 使用 SCP SSH 部署项目

2021年7月16日2021年7月16日后除Leave a comment

背景

在项目部署上线的过程中,正常流程是在生成环境 Git 拉取最新代码来进行更新。但是某些极端情况下,由于内网管控的封闭性,生产环境无法拉取 GitLab 端所存储的代码,此时便只能通过 SCP 和 SSH 来曲线救国了。

"Node 使用 SCP SSH 部署项目"继续阅读

Webpack 只打包 CSS

2021年6月28日2021年7月13日后除Leave a comment

背景

Webpack 作为热门前端构建打包工具,常用来构建打包应用型项目,包含 HTML、JavaScript、CSS 等代码。但是遇到比较零散的项目,往往需要单独打包某一模块,比如:CSS。

"Webpack 只打包 CSS"继续阅读

使用 Webpack 插件 webpack-bundle-analyzer 优化代码体积

2021年1月4日2021年1月4日后除Leave a comment

一、安装

npm install webpack-bundle-analyzer --save-dev

"使用 Webpack 插件 webpack-bundle-analyzer 优化代码体积"继续阅读

使用 webpack-merge 合并 Webpack 配置

2020年8月28日2020年8月28日后除Leave a comment

使用 Webpack 搭建项目时会配置开发、测试、预发布、生产环境,这里面充斥着大量重复的配置,例如:入口、加载器等。webpack-merge 作为 Webpack 的配置合并工具,功能类似于 JavaScript 的 Object.assign()。

"使用 webpack-merge 合并 Webpack 配置"继续阅读

使用 Babel 编译 TypeScript

2020年8月28日2020年8月28日后除Leave a comment

使用 ts-loader 在构建打包生产代码时面对重重问题,比如 Polyfill 的自动注入等,于是转变为用 Babel 来编译 TypeScript。

一、安装 Babel

安装 Webpack 所必要的 Babel 依赖:

npm i @babel/cli @babel/core @babel/preset-env babel-loader --save-dev

"使用 Babel 编译 TypeScript"继续阅读

读书笔记:《深入理解TypeScript》 - [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译

2020年8月25日2021年12月27日后除Leave a comment

JavaScript 篇幅略多 ★★★

读完时间:2020 年 8 月 20 日

出版时间:2020 年 1 月

"读书笔记:《深入理解TypeScript》 - [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译"继续阅读

Webpack 多页面 & GitLab 增量构建部署模板

2020年8月24日2020年8月24日后除Leave a comment

multipage-template

Webpack 多页面 & GitLab 增量构建部署模板

一、入口文件

每新建个独立的页面只需要在 pages 下面新建一个文件夹即可,但必须拥有两个入口文件 index.html、index.js。

"Webpack 多页面 & GitLab 增量构建部署模板"继续阅读

创建一个新的 TypeScript 项目

2020年8月18日2020年8月18日后除Leave a comment

一、初始化 NPM 项目

# npm
npm init

# git
git init

二、安装 TypeScript

npm i typescript --save-dev

# 查看版本
npx tsc --version

三、初始化配置文件 tsconfig.json

npx tsc --init

"创建一个新的 TypeScript 项目"继续阅读

rollup 和 webpack 环境变量的设置

2020年4月9日2020年4月9日后除Leave a comment

一、背景

在开发一个 NPM 包时,常常需要用 rollup 打包,用 webpack 开发调试,处理环境变量的时候就需要兼容两种工具的打包方式。

"rollup 和 webpack 环境变量的设置"继续阅读

文章导航

1 2

分类目录

  • HTML/CSS (42)
  • JavaScript (114)
  • 分享 (7)
  • 后端 (53)
  • 数据结构与算法 (14)
  • 文章 (23)
  • 旅行 (3)
  • 日记 (18)
  • 烹饪 (16)
  • 睡前故事 (4)
  • 网络协议 (4)
  • 读书笔记 (35)
  • 运维 (25)

近期文章

  • 前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)
  • Postman 使用小技巧/指南
  • JavaScript Promise 的理解和使用
  • Git 常见问题
  • 常用横幅尺寸

小工具

  • 短链接在线生成
  • Markdown 转 HTML
  • 前端常用库 CDN
  • 开放实验室 · API 文档

标签

AJAX ASP async Bootstrap C CDN CSS CSS3 DOM ECMAScript ECMAScript6 ES6 Front End Notes Git GitLab H5 HTML http IE JavaScript jQuery JScript Linux MySQL Nginx Node Node.js NPM PHP Promise SQL SQLServer Vue Webpack 优化 异步 性能 散列 数据结构 正则表达式 炒 算法 缓存 递归 鸡蛋
Copyright © 2022 后除 - 苏ICP备16050427号-3
Scroll to top