webpack 初级配置

webpack 初级配置

1.创建webpack.config.js文件

	const path = require('path');
	
	module.exports = {
		mode:'development',//模式 默认两种 production和develoment
		enty:'./src/index.js'//可以为字符串可以是对象可以是数组
		//这里应用程序开始执行的地方，webpack 开始打包
		output:{
		//webpack 输出结果的位置
		//path需要引入node的path模块
		path:path.resolve(__dirname,'build')
		filename:'build.js'//打包出来的文件名，若需要每次打包处不同文件名，可加哈希值
		//filename:'build.[hash].js'
		},
		 plugins: [
			   //这里放让插件
			   new HtmlWebpackPlugin({
				      filename: 'index.html',
				      template: 'src/workbench.html',对应模板
				      chunks: ['index'],只匹配index.js 
				    }),
			  ],
	}