webpack配置相关

## webpack相关配置

let path = require('path');

let HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    mode:'development',        //模式   production   development

    entry:'./src/index.js',        //打包编译的入口文件

    devServer:{

        port:3000,        //本地访问的端口号

        contentBase:'./dist',        //服务器静态资源目录

        open:true,        //自动打开浏览器并运行项目

    },

    output:{        //出口        

        filename:'bundle.js',    //打包编译后的js文件名

        path: path.resolve(__dirname,'dist')        //path.resolve(__dirname)指的是当前项目根目录

    },

    plugins:[        //webpack插件配置相关

        new HtmlWebpackPlugin({

            filename:'index.html',    //模板名称

            template: './src/index.html',   //默认模板

            minify:{    

                removeAttributeQuotes:true,     //删掉双引号

                collapseWhitespace:true,        //删除换行符

            },

            hash:true,      //js添加hash码,防止文件重复

        })

    ]

}