vue.config.js里的pages
时间: 2023-11-22 07:49:32 浏览: 185
vue3.0 vue.config.js 配置实战.docx
在 `vue.config.js` 中,`pages` 选项用于配置多页面应用程序。它允许您为应用程序定义多个入口点,每个入口点可以有自己的模板,标题,脚本和样式等。下面是一个 `pages` 选项的示例:
```javascript
module.exports = {
pages: {
index: {
entry: 'src/main.js',
template: 'public/index.html',
filename: 'index.html',
title: 'Index Page',
chunks: ['chunk-vendors', 'chunk-common', 'index']
},
about: {
entry: 'src/about.js',
template: 'public/about.html', filename: 'about.html',
title: 'About Page',
chunks: ['chunk-vendors', 'chunk-common', 'about']
}
}
}
```
上面的示例中,我们定义了两个页面:`index` 和 `about`。每个页面都有自己的入口点、模板、文件名、标题和代码块等。在这个例子中,我们使用了 `chunk-vendors` 和 `chunk-common` 代码块,这些代码块是由 `vue-cli` 自动生成的。
阅读全文