uniapp vue.config.js
时间: 2024-12-27 12:22:41 浏览: 6
`vue.config.js` 是 Vue CLI (Vue命令行界面) 中的一个重要配置文件,特别是在使用 Vue 进行项目开发,特别是使用 Vue 3 和 Vue CLI 4 及以上版本时。这个文件主要用于提供项目的全局配置,让你能够定制打包过程,调整默认的行为,以及添加对特定库或插件的支持。
在这个文件中,你可以做以下常见的配置:
1. **修改打包选项**:比如设置公共路径(publicPath)、资产路径、压缩选项、优化等。
```javascript
module.exports = {
publicPath: './',
outputDir: 'dist', // 输出文件夹名称
assetsDir: 'static', // 资源文件存放目录
productionSourceMap: false, // 生产环境是否生成source map
};
```
2. **CSS处理**:配置 CSS 分离、自动prefixing等。
```javascript
css: {
extract: true, // 是否提取CSS到单独的文件
},
```
3. **Vue Router** 或者 `Vuex` 配置:可以在这里更改路由模式、设置SSR(服务端渲染)等。
4. **第三方库**:如果项目中有特别的依赖,可以在这里进行额外的配置,例如引入 Ant Design UI 库。
```javascript
chainWebpack(config) {
config.module
.rule('ant-design-vue')
.test(/@ant-design\/vue/)
.use('babel-loader')
.loader('@vue/babel-loader')
.end()
}
```
阅读全文