vue.config.js 中的output
时间: 2024-04-13 22:22:44 浏览: 294
vue.config.js完整配置-超详细
在Vue.js项目中,vue.config.js是一个用于配置Vue项目的配置文件。其中,output属性用于配置项目的输出目录和文件名。
output属性是一个对象,可以包含以下几个配置项:
1. path:指定输出文件的目录路径。默认值是项目根目录下的`dist`文件夹。
2. filename:指定输出文件的名称。默认值是`js/[name].[hash:8].js`,其中`[name]`表示入口文件的名称,`[hash:8]`表示添加8位哈希值以避免缓存问题。
3. publicPath:指定输出文件的公共路径。默认值是空字符串,表示相对路径。可以设置为绝对路径或者CDN地址,用于指定静态资源的引用路径。
4. chunkFilename:指定非入口文件的名称。默认值是`js/[name].[hash:8].js`,`[name]`表示非入口文件的名称,`[hash:8]`表示添加8位哈希值以避免缓存问题。
下面是一个示例的vue.config.js文件中output的配置:
```javascript
module.exports = {
output: {
path: 'dist',
filename: 'js/[name].[hash:8].js',
publicPath: '/',
chunkFilename: 'js/[name].[hash:8].js'
}
}
```
阅读全文