webpack5-基础入门-03-修改打包资源路径处理图片字体资源

最新推荐文章于 2024-09-05 12:11:21 发布

长沙xtt

最新推荐文章于 2024-09-05 12:11:21 发布

阅读量1.2k

点赞数

分类专栏： webpack 文章标签： webpack

本文链接：https://blog.csdn.net/weixin_40746230/article/details/125161922

版权

1.打包路径修改图片路径修改

修改webpack.config.js

//输出
	output: {
		//所有文件输出路径
		//__dirname node.js的变量。代表当前文件的文件夹目录
		path: path.resolve(__dirname, "dist"), //绝对路径
		//入口文件打包输出文件名
		filename: "static/js/main.js"
	},

public/index.html 修改入口文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>webpack</title>
	</head>
	<body>
		<a>hello world</a>
		<div class="box"></div>
		<div class="box1"></div>
		<div class="box2">less</div>
		<div class="box3">.sass</div>
		<div class="box4">scss</div>
			<div class="box5">styl</div>
		<script src="../dist/static/js/main.js"></script>
	</body>
</html>