Webpack：使用 WebpackDevServer 提升开发效率

用--watch监听打包文件

package.json

用WebpackDevServer自动监听自动刷新

配置webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
    mode: 'development',
    devtool: 'cheap-module-eval-source-map',
    devServer: {
        contentBase: './dist'
        //服务器启动在那一个文件夹下
    },
    entry: {
        main: './src/index.js'
    },
    module: { 
        rules: [{
            test: /\.(jpg|png|gif)$/,
            use: {
                loader: 'url-loader',