webpack学习笔记（三）：监听文件变化并编译

最新推荐文章于 2024-08-10 22:58:28 发布

Hoshizola

最新推荐文章于 2024-08-10 22:58:28 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： webpack 前端

本文链接：https://blog.csdn.net/Hoshizola/article/details/121780913

版权

本文介绍了Webpack在文件变化时自动打包编译的三种方法：通过命令行参数`--watch`，配置文件中的`watch`选项，以及使用`webpack-dev-server`。详细讲述了如何配置和使用`webpack-dev-server`，包括指定静态文件目录、端口号、自动打开浏览器、热更新以及代码压缩等选项。

摘要由CSDN通过智能技术生成

在上一篇webpack学习笔记中主要认识了webpack配置文件中相关的基础配置和命令的执行。这次学习如何在文件发生变化时自动打包编译。

首先，我们来看一下配置文件

const path = require('path')
module.exports = {
   
  entry: './src/index.js',
  output: {
   
    filename: 'bundle.js',
    path: path.resolve(__dirname, './list')
  },
  mode: 'development'
}