webpack4-exercise:webpack4-exercise:常用插件、loaders,devServer,优化等 demo

时间:2024-05-19 08:14:16
【文件属性】:

文件名称:webpack4-exercise:webpack4-exercise:常用插件、loaders,devServer,优化等 demo

文件大小:323KB

文件格式:ZIP

更新时间:2024-05-19 08:14:16

JavaScript

webpack4-exercise webpack4-exercise:常用插件、loaders,devServer,优化等 demo 1.webpack是什么 打包工具(模块打包) 打包样式 打包静态资源 打包脚本 打包图片 2.webpack作用 打包(把多个文件打包成一个js文件--->减少服务器压力、带宽) 转化(eg:less,sass,ts),通过各个loaders 优化(webpack可以对项目进行优化) 3.webpack 构成 1. 入口:entry 2. 出口:output 3. 加载器:loaders 4. 插件:plugins 5. 开发服务器:devServer 6. 模式:mode 4.项目文件夹初始化 创建src文件夹 初始化package.json npm init -y 5.npm 包安装 npm insta


【文件预览】:
webpack4-exercise-master
----package.json(1KB)
----LICENSE(1KB)
----package-lock.json(361KB)
----src()
--------css()
--------index.js(506B)
--------images()
--------less()
--------index.html(795B)
--------js()
--------index2.html(420B)
--------index2.js(123B)
--------sass()
----.gitignore(926B)
----webpack.config.js(8KB)
----README.md(23KB)
----postcss.config.js(171B)

网友评论