webpack-dev-server的简单使用

Posted L&P Essay

tags:

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

webpack-dev-server的简单使用

1.npm install webpack-dev-server --save-dev
2.配置 package.json

  "scripts": {
    "test": "echo "Error: no test specified" && exit 1",
    "dev": "webpack-dev-server"
  },

3.npm run dev

启动之后呢,会在"运行命令"的这个目录里生成一个bundle.js,也就是说你在webpacktest 这个目录里执行的运行dev的命令,那么它会在webpack目录下生成bundle.js,但只存在于内存中,所以是看不见.

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

[转] webpack3最新版本配置研究 devtool,webpack-dev-server,CommonsChunkPlugin

webpack-dev-server proxy代理

如何将 VS Code 调试器与 webpack-dev-server 一起使用(忽略断点)

如何让 webpack-dev-server 停止使用 React 延迟/Suspense 代码拆分在内容更改时下载不正确的块?

webpack-dev-server 找不到模块“webpack”

webpack插件之webpack-dev-server