webpack配置打包的入口和出口

webpack配置打包的入口和出口

webpack的4.x版本中默认约定

  • 打包的入口文件是src ->index.js
  • 打包的出口文件是dist ->main.js
  • 如果要修改打包的入口和出口,可以在webpack.config.js新增如下配置
//node中专门操作路径的模块
const path = require('path);
module.exports = {
	//指定打包的入口文件路径
	entry: path.join(__dirname,'./src/index.js'),
	output:{
		//指定打包的出口文件目录
		path: path.join(__dirname,'./dist'),
		//输出文件的名称
		filename: 'bundle.js'
	}
}

你可能感兴趣的:(webpack)