# webpack_dev

**Repository Path**: F_tree/webpack_dev

## Basic Information

- **Project Name**: webpack_dev
- **Description**: webpack 开发模式体验
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-15
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack_dev

#### 介绍
webpack 开发模式体验

- 自动编译: warch 工作模式

  以 `yarn webpack --watch` 来打包，webpack 会根据文件更改，实时更新打包

- 自动刷新页面

  BrowserSync 工具去启动服务。

  > yarn add brower-sync -g

  `browser-synec dist --files "**/*"`

  这里 `--files "**/*"` 用来监听 dist 目录下的文件变化

- webpack-dev-server 【集成 自动编译 & 自动刷新 等一系列开发体验】

  > yarn add webpack-dev-server --dev

  `yarn webpack-dev-server `  运行打包

  `yarn webpack-dev-server --open `  打开浏览器

  较以上两种，该工具 打包后把文件存在内存中，并不对磁盘进行读写，提高开发效率。


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)