title: How can I stop webpack-dev-server
body: <p>Does anyone know how to stop webpack-dev-server? I have tried to use <kbd>Ctrl</kbd>+<kbd>C</kbd> and <kbd>Ctrl</kbd>+<kbd>Z</kbd>, it's doesn't work, no matter I press it once or twice. Additionally, even though I close the command line interface, It still works. And even if I change the server port, the previous server port still works. So I have to change the server port everytime when I close the CLI or want to change some parameters in webpack.config.js.</p>
  
  <p>Here is my webpack.config.js:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>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")
   ]
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>And here is my package.json</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "name": "react-test",
    "version": "1.0.0",
    "description": "",
    "main": "main.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; 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 &lt;dongxu2048@gmail.com&gt;",
    "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"
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Addtionally, there is my console window:
  <a href="https://i.stack.imgur.com/qlenv.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>As you see, I have pressed <kbd>Ctrl</kbd> + <kbd>C</kbd> twice, subsequently, I changed the content of file, the webpack-dev-server compiles again, and I can still see the content by refresh my browser.</p>