使用webpack打包方法

1：确保自己的电脑已经安装了node和Git软件

2：自己在盘里随便创建一个文件夹一般为英文(也就是你自己的项目名称)

3：在新创建好的文件夹里面右键点击调出git指令窗口在窗口里面输入如下指令：

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5:先在文件夹里面创建两个目录文件一个命名为src（写好的js文件也就是要打包的js文件一般放在这个文件里里）一个为dist（打包好的文件会生成在这个目录里面）

6：将项目文件夹拖进编辑器

4：一对一打包

1:例如我们在src文件夹里面写好了一个js 我这里把它命名为了index.js我们开始对它进行封装

2：在git窗口指令输入 webpack src/index.js --output dist/bb.js

(index.js就是我们需要打包的文件，将他打包进来刚开始我们创建的dist文件夹目录下面bb.js是自己取的将要打包过来的文件

自己可以随便取名字。一个文件的打包就这样完成了。

5：多个文件的打包成多个方法:

如果要打包多个就忽略掉第四步

1：在项目文件夹里面创建一个js文件我这里就命名为webpack.config.js吧 src里面放入了我写好的js文件index3.js /index4.js

2：js文件里面输入如下代码

module.exports={
	entry:{
		index1:"./src/index3.js",    //src后面的js就是自己需要打包的文件
		index2:"./src/index4.js"
	},
	output:{
		path:__dirname+"/dist",
		filename:"[name]自己命名.js"      //最后打包完成后会变成index1+自己命名.js   
                                          //index2+自己命名.js       
	}
}

3：git里面运行指令 webpack 然后就生成了打包好的js文件在dist里面

6：将多个js文件打包成一个js文件

1：在项目文件夹里面创建一个js文件我这里就命名为webpack.config.js吧src里面放入了我写好的js文件index7.js /index8.js

2：js文件里面输入如下代码

module.exports={
	entry:{
		entryKey:['./src/index7.js',"./src/index8.js"]      //将要打包的文件写成数组的形式就可 
                                                              以
	},
	output:{
		path:__dirname+"/dist",
		filename:"自己命名.js"                               //将会在dist下面生成一个打包好的 
                                                               js文件
	}
}

3：git里面运行指令 webpack 然后就生成了打包好的js文件在dist里面

7：复杂的打包

1：123大步先执行完毕

2：新建一个js文件跟src和diast同级的名字中间命名我这里就命名为kgc.js 然后js里面配置如下：

const paths=require('path');

module.exports={
	entry:{
		public:['./src/index1.js','./src/index2.js'],       //两个js打包成一个名字是public 
		one:paths.resolve(__dirname,'./src/index3.js')      //一个js打包名字是one  
	},
	output:{
		path:paths.resolve(__dirname,'dist'),        //打包好的js添加进dist文件夹内

		filename:'[name].js'                        //上面取的上面名字 这里打包好的就是上面自己 
                                                       命名的名字
	}
}

3：然后在git窗口输入命令行 webpack --config kgc.js回车这时候dist文件夹就会出现public.js和one.js两个打包好的文件夹了以上就是复杂打包的内容