vue-cli2 index.html如何重命名

Question

求解答！！vue-cli2项目中 如何重命名 index.html文件？

Answer 1

在Vue CLI 2中，默认情况下生成的Vue项目的入口文件是index.html。如果你想重命名index.html文件，可以按照以下步骤进行操作：

在项目根目录下，创建一个名为vue.config.js的文件（如果已经存在，请跳过此步骤）。

在vue.config.js文件中，添加如下代码：

javascript

module.exports = {  
  publicPath: '/your-custom-path/'  
}

其中，your-custom-path是你想要设置的新路径。例如，如果你想将index.html文件重命名为app.html，则应将上述代码修改为：

javascript

module.exports = {  
  publicPath: '/app/'  
}

运行npm run serve启动开发服务器，此时应该可以看到新的入口文件已经被重命名为你指定的新文件名。
需要注意的是，如果你的项目使用了路由，还需要相应地修改路由配置中指定的入口文件路径。例如，如果你将入口文件重命名为app.html，则应将路由配置中的index改为app.html。