Question

有谁知道如何停止webpack-dev-server？我试过用 Ctrl + C 和 Ctrl + Z ，不管怎样我都行不通按一下或两次。此外，即使我关闭命令行界面，它仍然有效。即使我更改了服务器端口，以前的服务器端口仍然有效。因此，每次关闭CLI或想要更改webpack.config.js中的某些参数时，我都必须更改服务器端口。

这是我的webpack.config.js：

const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
	entry: {
		main: './src/main.js'
	},
	output: {
		path: path.resolve(__dirname, 'dist'),
		filename: 'bundle.js',
	},
	devtool: false,
	module: {
		rules: [{
			test: /\.css$/,
			use: ExtractTextPlugin.extract({
				fallback: "style-loader",
				use: "css-loader"
		})},{
			test: /\.(js|jsx)?$/,
			use: ['babel-loader'],
			exclude: /node_modules/
		}]
	},
	devServer: {
		contentBase: './dist',
		hot: true,
		port: 8088,
	},
	plugins: [
		new HtmlWebpackPlugin({
			title: "Hello React",
			template: "template.html",
		}),
		new webpack.HotModuleReplacementPlugin(),
		new ExtractTextPlugin("style.bundle.css")
	]
};

这是我的package.json

{
  "name": "react-test",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --config webpack.config.js",
    "start": "webpack-dev-server --config webpack.config.js",
    "produce": "webpack -p --config webpack.config.js"
  },
  "author": "dongxu <dongxu2048@gmail.com>",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.25.0",
    "babel-loader": "^7.1.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.4",
    "html-webpack-plugin": "^2.29.0",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-hot-loader": "^1.3.1",
    "style-loader": "^0.18.2",
    "webpack": "^3.4.1",
    "webpack-dev-server": "^2.6.1"
  }
}

另外，还有我的控制台窗口： enter image description here

如你所见，我已按两次 Ctrl + C ，随后，我更改了文件的内容，webpack-dev-server再次编译，我可以仍然通过刷新我的浏览器来查看内容。

Answer 1

如果您知道进程的名称，则可以使用该命令终止进程。我只是使用＆＃34; Ctrl + c＆＃34;两次，停止webpack-dev-server

Answer 2

有人知道如何停止webpack-dev-server吗？

转到任务管理器，然后关闭任务Node.js: Server-side JavaScript。

Answer 3

在Linux上，尝试 Ctrl + \ 。
对我来说，在编译时Ctrl + C确实可以工作，但是要花几秒钟才能死掉（并不断喷射进度％），而Ctrl + \则使webpack-dev-server（3.10.1）立即关闭?

Ctrl + \将SIGQUIT发送到当前的地面作业。最初的目的是调试–杀死程序并将其内存转储到core文件中，但是如今在许多系统上都无法使用该保存功能。它往往比 Ctrl + C SIGINT更“暴力”，因为几乎没有程序捕获SIGQUIT。

最新的公开问题似乎是 https://github.com/webpack/webpack-dev-server/issues/1479

注意：作为其他杀手解决方案，它不允许服务器进行清理，就像有人在该问题上提到的那样：

您立即杀死进程，但是在这一刻，某人/某物可以将文件写入fs或进行其他异步调用，这很糟糕

Answer 4

"start": "webpack-dev-server --inline --progress --port 8088"

使用它作为内联可能会有所帮助。

它在根目录中搜索配置文件.So --config最好仅在配置文件位于目录深处时使用。

如何停止webpack-dev-server

4 个答案: