webpack的基本使用

npm init -v

创建一个package.json文件

cnpm install webpack webpack-cli -D

(-D是安装开发依赖devDependencies,-s是安装生产依赖)

npx webpcak

默认会将当前src下的index作为打包文件的入口进行打包，并在生成dist文件夹下的main.js文件。
使用自己的配置信息，创建一个webpack.config.js文件，

// @ts-nocheck
//引入path模块，该模块提供了一些处理文件路径的一些小工具
const path = require('path');
module.exports = {
    //项目打包入口
    // entry:'./src',
    entry: {
        index: './src/index.js',
        other: './src/other.js'
    },
    //出口
    output: {
        //打包后的资源放在哪个文件夹下，必须是绝对路径
        //在任何模块文件内部，可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。
        path: path.resolve(__dirname, './dist'),
        //打包后的资源文件名
        filename: '[name].js',
    },
    mode: "production", //打包环境
    //处理不认识的模块
    module: {
        rules: [
            //loader模块处理理
            {
                test: /\.css$/,
                use: "style-loader"
            }
        ]
    },
    plugins: [new CleanWebpackPlugin()] //插件配置
}

chunk和bundle
chunk是代码块，bundle是资源文件
占位符，
hash
name
chunkhash