webpack学习（六）：使用webpack-dev-serve

最新推荐文章于 2024-08-23 09:07:24 发布

Lkkkkkkg

最新推荐文章于 2024-08-23 09:07:24 发布

阅读量2.9k

点赞数 1

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

本文链接：https://blog.csdn.net/qq593249106/article/details/84922572

版权

本文介绍了如何使用webpack-dev-server进行开发，包括安装、配置webpack.config.js、添加NPM脚本以及运行服务器。使用webpack-dev-server可以实现代码实时重新加载，避免手动构建。在配置和运行过程中，详细讲解了相关步骤，例如npm run dev启动后，修改index.js代码会自动重新构建并加载。此外，由于使用webpack-dev-server，dist文件夹并未生成，因为代码直接在服务器运行。

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

demo地址: https://github.com/Lkkkkkkg/webpack-demo
上次使用source map功能: https://blog.csdn.net/qq593249106/article/details/84921131**

继上次配置完HtmlWebpackPlugin之后, 现在开始使用 webpack-dev-serve 方便开发, 当前目录结构:

|- /dist //用于放打包后文件的文件夹
  |- app.bundle.js //出口文件
  |- print.bundle.js //出口文件
  |- index.html //模板文件
|- /node_modules
|- /src //用于放源文件的文件夹
  |- index.js //入口文件
  |- print.js //入口文件
|- package.json
|- webpack.config.js //webpack配置文件