webpack中的webpack.config.js文件出入口配置解析

最新推荐文章于 2024-07-28 00:56:04 发布

火红_

最新推荐文章于 2024-07-28 00:56:04 发布

阅读量373

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_31676483/article/details/108170111

版权

本文介绍了webpack配置文件webpack.config.js中常见的出入口配置错误，包括：output.filename缺少大括号和path.resolve；拼写错误如`join`误写为`jion`，`module`误写为`moudle`；require的拼写错误；以及对象标识符未加括号和对象之间缺少逗号的问题。通过这些错误分析，帮助开发者理解和修复webpack配置问题。

摘要由CSDN通过智能技术生成

const path = require('path')
module.exports = {
	// __dirname:是当前配置文件的目录（web/）；前面是两个杠
	// jion拼接字符串，这里是拼接路径（返回：web/src/app.js）
	entry: path.join(__dirname, './src/app.js'),
	
	output: {
	// resolve将路径解析为绝对路径，相当于终端中的cd；即切换到dist文件夹
		 path: path.resolve(__dirname, 'dist'),
	// 输出到那个文件里面
	     filename: 'bundle.js'
	}
}

在这里插入图片描述
1、显示不知名的filename是因为output没有带大括号，还少了一个path：path.resolve();中的path：没有