【文件属性】:
文件名称:webpack4-exercise:webpack4-exercise:常用插件、loaders,devServer,优化等 demo
文件大小:323KB
文件格式:ZIP
更新时间:2021-04-29 14:27:36
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)