webpack ---webpack-dev-server及html-webpack-plugin

webpack

webpack就是静态模块打包器，将应用程序所需的一个多个模块打包成一个或多个bundle。
webpack 的四个核心部分：入口(entry)、输出(output)、loader、插件(plugins)。另外还有 mode 模式： 表示打包的是dev环境还是production生产环境。
安装：js cnpm i webpack webpack-cli -D; 使用淘宝镜像安装在开发环境中， 安装 webpack 及 webpack-cli； webpack 的运行需要依赖 webpack-cli
webpack 所有工具都是基于nodeJs平台的，遵循commonJS规则

1. 初始化项目 npm init -y
   新建 webpack.config.js 或 webpackfile.js 文件； 运行时 webpack-cli 会自动寻找运行这两个默认文件；

const path = require('path') // node 自动路径模块
module.exports = {
   

    mode:'development', // 模式 development；
    // entry:'./src/index.js', // 一个入口文件
    entry: {
    // 打包多个入口文件
    	main: './src/main.js',
    	part: './src/part.js'
	},
    output:{
    // 出口文件
        path:path.resolve(__dirname,'dist'), // 打包生成路径
        // filename:'bundle.[hash:6].js', // 一个入口文件时，生产的文件名
        filename：‘[name]