Webpack5总结

发布时间:2022-12-15 13:00

目录

什么是webpack 

关于webpack

webpack安装

使用webpack

webpack配置文件

整个过程

生成入口html 

watch mode

webpack-dev-server

配置devServer

资源模块

前言:

资源文件的类型有4种

loaders

loader的配置

loader两个属性

使用

抽离和压缩css

css文件的抽离

css文件的压缩

babel转码器

babel的使用

1.安装babel

2.配置文件.babelrc

3.转码规则

4.将规则加入到.babelrc

babel命令行转码

基本语法如下

什么是webpack 

webpack是一个前端资源加载打包工具。他将根据模块的依赖关系进行静态分析,然后将这些模块按照指定规则生成对应的静态资源

Webpack5总结_第1张图片

关于webpack

  • 可以帮助我们打包js的应用程序
  • 同时支持ES模块化与以及common.js
  • 扩展支持很多静态资源打包

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号