Skip to content

不知不问

Menu
  • Bootstrap实战
  • GitHub
Close search bar

Tag: Webpack

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

一月 04, 20212021年1月4日后除Leave a comment

一、安装

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

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

使用 webpack-merge 合并 Webpack 配置

八月 28, 20202020年8月28日后除Leave a comment

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

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

使用 Babel 编译 TypeScript

八月 28, 20202020年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 著 / 郭文超 何小磊 柳星 徐野 译

八月 25, 20202020年8月25日后除Leave a comment

JavaScript 篇幅略多 ★★★

读完时间:2020 年 8 月 20 日

出版时间:2020 年 1 月

"深入理解TypeScript – [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译"继续阅读

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

八月 24, 20202020年8月24日后除Leave a comment

multipage-template

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

一、入口文件

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

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

创建一个新的 TypeScript 项目

八月 18, 20202020年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 环境变量的设置

四月 09, 20202020年4月9日后除Leave a comment

一、背景

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

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

webpack 4 快速搭建

十一月 27, 20192020年3月1日后除Leave a comment

安装

npm install --save-dev webpack@4.30.0 webpack-cli@3.3.2

"webpack 4 快速搭建"继续阅读

Webpack4.x 入门

五月 03, 20182018年8月12日后除Leave a comment

概览

新建项目

npm init -y

"Webpack4.x 入门"继续阅读

分类目录

  • HTML/CSS (23)
  • JavaScript (85)
  • 分享 (4)
  • 后端 (41)
  • 工程效率 (7)
  • 心情 (15)
  • 数据结构与算法 (11)
  • 文章 (4)
  • 旅行 (2)
  • 日记 (1)
  • 烹饪 (16)
  • 睡前故事 (4)
  • 网络协议 (2)
  • 读书 (22)

近期文章

使用 Golang & MurmurHash & JsonLogic 实现前端资源灰度分流
讲讲 Promise
对数据进行模糊匹配搜索(动态规划、最长公共子串、最长公共子序列)
rollup 和 webpack 环境变量的设置
通过 eslint stylelint htmllint 规范前端项目代码
记一次前端加载体验优化
URLSearchParams 配合 axios 提交重复的参数
Linux Nginx 配置 SSL 证书
使用 max-height 实现动画效果的“展开收起”
Vue 组件通信
使用 postMessage + iframe 实现跨域通信
基于 Vue 的前端开发规范
H5应用程序缓存 – Cache manifest
HTML5全屏浏览器兼容方案
vue+vuex+axios+echarts画一个动态更新的中国地图
Linux问题: SSH FTP登录不了

小工具

Markdown 转 HTML
短链接在线生成

标签

ASP async axios C CSS CSS3 display ECMAScript ECMAScript6 ES6 Front End Notes GitLab H5 HTML http iframe JavaScript jQuery JScript Linux Math MySQL Nginx Node.js PHP Promise SQLServer Vue Webpack 优化 原型链 土豆 异步 性能 散列 数据结构 数组 栈 正则表达式 炒 算法 米 缓存 递归 鸡蛋

友情链接

Feiffy's blog
谢权'Blog – 遇见你,遇见未来!

Copyright © 2021 不知不问 - 苏ICP备16050427号-3
Scroll to top