vue-cli创建的项目，配置多页面的方法

Cookysurongbin

于 2018-01-19 16:19:08 发布

阅读量8.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue 多页面文章标签： vue-cli 配置多页面

本文链接：https://blog.youkuaiyun.com/Cookysurongbin/article/details/79107706

本文介绍了如何使用vue-cli创建多页面应用。通过新建html页面、入口文件，以及修改config和build目录下的webpack配置文件，详细阐述了配置多页面的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue官方提供的命令行工具vue-cli，能够快速搭建单页应用。默认一个页面入口index.html，那么，如果我们需要多页面该如何配置，实际上也不复杂

假设要新建的页面是rule，以下以rule为例

创建新的html页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<title></title>
	</head>

	<body>
		<div id="rule"></div>
		<!-- built files will be auto injected -->
	</body>

</html>