首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
webpack
青草酱
创建于2021-08-22
订阅专栏
webpack
暂无订阅
共27篇文章
创建于2021-08-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
文件压缩
文件压缩分为三类文件的压缩:JS、CSS、Html。 一、JS文件的压缩 js文件的压缩是由webpack4内置的uglifyjs-webpack-plugin进行压缩的,是默认自动压缩的。 二、CS
文件指纹
index.51727db.js中51727db就是一个文件指纹,文件指纹的作用有两种: 版本管理:版本发布时,不同的版本对应不同的文件指纹(只要文件有修改)。 控制缓存:当文件修改后,文件指纹就会改
文件监听、热更新
一、文件监听 文件监听能让我们在文件更改保存之后,自动的打包文件。 配置方法有两种: 在package.json的scripts中的启动命令行中加上--watch。 在webpack.config.j
解析图片和字体
解析图片和字体都使用file-loader,都只需要在rules中增加一条规则就可以了。 输出的图片和字体文件的名字是一个hash值, 基础配置: 这里配置的name值为[name]_[hash].[
解析es6、jsx
webpack不能直接解析es6和jsx代码,所以要进行解析,解析都是使用的loader。 一、es6解析 首先,我们要在webpack.config.js文件中配置规则,对js文件使用babel-l
loaders、plugins、mode
一、Loaders webpack默认是只支持JS和JSON两种格式的数据,对于其他类型的数据,webpack不能解析,loaders的作用就是将这些代码解析成webpack能识别的代码,并添加到依赖
命令配置和基础配置
一、安装 webpack4中webpack和webpack-cli是进行分离的,所以安装时,我们可以使用: npm install webpack webpack-cli --save-dev yar