webpack出入口配置

入口

• 单入口

module.exports = {
	// entry: "./src/index.js" 默认值  相当于
	entry: {
		main: "./src/index.js"
	}
}

• 多入口,多模块

module.exports = {
	entry: {
		main: "./src/index.js",
		more: ["./src/more/index1.js", "./src/more.index2.js"]
	}
}

出口常用配置与规则

var path = require("path");
module.exports = {
	output: {
		path: path.resolve(__dirname, "dist"), //接受一个绝对路径, 表示出口文件夹,默认...dist\
		// filename: "main.js" //静态规则,只能用于单入口
		filename: "[name].[chunkhash:5].js" //使用规则 :5表示取五位数
	}
}

filename规则如下 使用[]包裹 规则可用于多入口

• name: 表示chunk名称, 既入口key值
• hash: 表示打包结束后的总hash
• chunkhash: 表示chunkhash
• id: 表示chunkid, 不推荐使用,因为有开发与生产不一致的情况

出口配置解决静态资源路径问题

var path = require("path");
module.exports = {
	output: {
		publicPth: "hhh", //静态资源与html不在同一目录时使用这个可以解决找不到的问题
	}
}