2.webpack配置文件使用

1.安装方式2种（全局安装，局部安装）

//全局安装
npm i webpack -g 
//安装到你的项目目录
npm install webpack --save-dev

2.使用
将项目中的入口文件main.js进行打包处理，生成一个打包好之后的bundle.js文件
cd 到当前项目 命令行输入 (webpack 需要打包的文件所在目录 打包后文件生成目录及文件名)

//
webpack .\src\main.js .\dist\bundle.js 

简便操作 直接在控制台输入webpack（推荐）
需要给项目下的webpack.config.js 文件中申明传入和导出的文件。

const path = require('path')

module.exports = {
    //设置入口文件
    entry:path.join(__dirname,'./src/main.js'),
    //设置输出文件路径
    output:{
        path:join(__dirname,'../dist'),
        filename:'bundle.js'  //输出文件的文件名
    }
}

此时直接在控制台输出webpack将直接自动执行webpack .\src\main.js .\dist\bundle.js