webpack-dev-server工具

Posted peipeiyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack-dev-server工具相关的知识,希望对你有一定的参考价值。

webpack-dev-server来实现自动打包编译功能

// 1.npm install webpack-dev-server -D
//2.和webpakc命令用法一样
// 3.是本地安装的,无法把它当做命令执行
// 4.本地项目必须安装webpack
// 5.webpack-dev-server 帮我们打包生成main.js文件,并没有存放到实际的物理磁盘上,而是直接托管到电脑的内存中,所以项目根目录找不到main.js

// 自动打包完成后自动打开浏览器
// 在package.json修改

技术图片

命令开启dev-server

技术图片

以上是关于webpack-dev-server工具的主要内容,如果未能解决你的问题,请参考以下文章

webpack 4.x 解决 webpack-dev-server工具在webpack构建的项目中使用问题

Webpack实战:webpack-dev-server的介绍与用法

3.2.1 webpack-dev-server的使用

webpack 插件拾趣 —— webpack-dev-server

解决:'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

Webpack(webpack-dev-server)