webpack3 webpack.config.js配置入、出口文件

__dirname node.js中的当前目录即等同于.,两个下划线

webpack.config.js配置(命令行执行webpack后,根据配置内容自动打包)

(1)在当前项目创建webpack.config.js
(2)写入
	module.exports=function()
	{
		//若产生错误,会生成包含详细错误信息的文件,不过会使编译变慢
		devtool:"eval-source-map",
		//入口文件
		entry:__dirname+'路径',
		//输出文件
		output:{
			//文件路径,不包括文件名
			path:__dirname+'路径',
			filename:'文件名'
		}
	}
(3)若想改变webpack关键字为其他字符串,webpack执行的快捷方案
	(1)在项目的package.json文件中修改
		"scripts": {"build":"webpack" },即将用build代替webpack
	(2)在命令行使用npm run build 代替原来的webpack

代码示例:

module.exports={
	entry:__dirname+"/src/app.js",
	output:{
		path:__dirname+'/dist',
		filename:'bind.js'
	}
}