webpack基础配置

1.webpack安装（本地安装 ）

webpack webpack-cli -D

2.webpack可以0配置

• 打包工具 -> 输出后的结果（js模块）
• 打包（支持我们的js模块化）npx webpack

3.手动配置webpack（webpack是node写出来的,采用node写法）

webpack.config.js
let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin')//html插件
module.exports = {
    devServer:{//开发服务器的配置
        port:3000,
        progress:true,
        contentBase:'./build,
        compress:true
    }
    mode:'production',//两种模式 生产production 开发development
    entry:"./src/index.js"//入口 
    output:{
        filename:'bundle.[hash:8].js'//打包后的文件名
        path:path.resolve(__dirname,'dist),//路径必须是一个绝对路径
    },
    plugins:[//数组 放着所有的webpack插件
        new HtmlWebpackPlugin({
            template:'./src/index.html',//模板
            filename:'index.html,
            minify:{
                removeAttributeQuotes:true,//移除引号
                collapseWhitespace:true,//空格
            }
            hash:true
        })
    ]
}

4.npx webpack config webpack.config.my.js

 "scripts": {
    "build":"webpack --config webpack.config.js",
    "dev":"webpack-dev-server"
  },

5.