vue项目如何添加index.html模板
时间: 2024-05-16 17:15:14 浏览: 211
在Vue项目中,可以通过在`vue.config.js`文件中配置来添加自定义的HTML模板。
首先,在Vue项目根目录下创建一个名为`public`的文件夹,然后在该文件夹中创建一个名为`index.html`的HTML文件作为模板文件。
接下来,在`vue.config.js`中添加以下代码:
```javascript
module.exports = {
// ...
chainWebpack: config => {
config.plugin('html').tap(args => {
args[0].template = 'public/index.html'
return args
})
}
}
```
以上代码会将`public/index.html`作为模板文件,然后在打包时生成的HTML文件中使用该模板。
注意,如果`vue.config.js`文件不存在,则需要在项目根目录下创建该文件,并添加以上代码。
阅读全文