首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
SuperLuckyYu
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
Webpack5 搭建 Vue3 + TS 项目
笔者两年前曾写过一篇文章《Webpack4 搭建 Vue 项目》,后来随着 webpack5 和 vue3 的面世,一直想升级下我这个 createVue 项目。
Webpack4 搭建 Vue 项目
1. 前言 由于 Parcel 打包工具的影响,webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli,用 webpack…
Webpack 中的 module、chunk、bundle 究竟是什么?
如题,在研究 Webpack 时,这个问题也曾经困扰了我很久。 到目前为止,在我看来,这些术语可以这样理解: module:不同文件类型的模块。Webpack 就是用来对模块进行打包的工具,这些模块各
Webpack5 系列(九):TS 打包配置
一、前言 上一篇讲到库的打包,本篇将介绍 TypeScript 的打包配置。 二、TS TypeScript 是 JavaScript 类型的超集,它能够被转换为普通的 JavaScript。为了在
Webpack5 系列(八):库的打包
一、前言 上一篇讲到代码分离,本篇将介绍库的打包。 Webpack 除了能够打包项目应用以外,还可以用来打包 JS 库。 当其他人安装了我们的库时,他们可能会在不同的环境中去引入,例如: 二、步骤 2
Webpack5 系列(七):代码分离
一、前言 上一篇讲到不同模式下的打包配置,本篇将介绍代码分离(Code Splitting)。 观察以上代码,我们发现在开头同步引入了 lodash,这没什么问题,但是一旦这个 index.js 文件
Webpack5 系列(六):不同模式的区分打包
一、前言 上一篇讲到 Tree Shaking 相关的内容,本篇将介绍在不同模式(或称环境)下的打包处理。 二、不同环境下的打包配置 1. 开发环境的配置 2. 生产环境的配置 通过观察,我们会发现不
Webpack5 系列(五):Tree Shaking
一、前言 上一篇讲到对JS语法的处理,本篇将介绍 Tree Shaking 。 我们经常会在主文件或者组件文件中引入其他模块中的代码,但实际上我们只用其中的一部分,剩下的代码则不需要引入。然而在默认情
Webpack5 系列(四):Babel 的配置
Babel 版本更新后,很多内容已经发生变化,官方文档也是晦涩难读。本篇将介绍对于项目中 JS 文件的处理。
Webpack5 系列(三):开发环境的设置
上一篇讲到如何处理静态资源,本篇将更进一步,介绍如何打造一个基础而不失效率的开发环境。HtmlWebpackPlugin、Source Map、WDS、HMR。