webpack打包js文件

1.首先安装node和git软件
2.创建一个文件夹（一般为英文名）
3.然后在打开git软件
(1).全局安装webpack

npm install webpack -g

或者 局部安装webpack

npm install webpack --save-dev

–save-dev：表示开发环境的依赖
安装完毕之后，就会发现在项目文件夹下多了一个node_modules文件夹，
此时我们的项目目录的webpack就安装成功了，目录结构入下图所示：
(2).安装webpack cli 脚手架

npm i -g webpack-cli

查看webpack版本号

webpack  -version

4 npm 初始化

npm init -y

5.创建一个scr文件夹和dist文件夹
scr文件夹放js文件
dist文件夹用来存放压缩后的js文件
6.打包多个js文件
创建一个webpack.config.js文件

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

然后打开git软件输入

git webpack

然后就生成了打包好的js文件在dist里面
7.将多个js文件打包成一个js文件

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

然后使用git 运行 npm webpack 即可

8.复杂的打包

const paths=require('path');
 
module.exports={
	entry:{
		video:['./src/demo1.js','./src/demo2.js'],       //两个js打包成一个名字是video
		actiyity:paths.resolve(__dirname,'./src/demo3.js')      //一个js打包名字是actiyity  
	},
	output:{
		path:paths.resolve(__dirname,'dist'),        //打包好的js添加进dist文件夹内
		filename:'[name].js'                        //上面取的上面名字 这里打包好的就是上面自己命名的名字
	}
}

然后在git软件中输入 webpack --config webpack.config.js