Webpack 打包工具

1.项目初始化

npm init -y

2.安装两个依赖

npm i webpack webpack-cli -D

3.创建配置文件

webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');//通过npm安装
const webpack = require('webpack');//用于访问内置插件
module.exports={
    entry:path.resolve(__dirname,'../src/index.js'),  //入口文件
    output:{
        path:path.resolve(__dirname,'dist'),   //打包后的文件路径
        filename:'bundle.js',  //打包后的文件
        clean:true  //每次打包都先清空文件
    },
    moudle:{  //使用loader
        rules:[   //loader的规则
            {
                test:/\.txt$/,  //匹配文件的规则 正则
                use:'raw-loader'  //匹配到文件的处理方式
            }
        ]
    },
    plugins:[
        //使用插件
        new HtmlWebpackPlugin({
            template:'./src/index.html',
            filename:'index.html'
        })
    ],
    mode:'production'
};

4.package.json

"scripts":{
	"build":"webpack --config webpack.config.js"
}

npm run build 执行文件