vue2 vue.config.js 配置

在Vue.js 2中，可以使用vue.config.js文件来配置项目的一些构建和开发相关的选项。下面是一些常见的配置选项：

1. 使用baseUrl配置项目的基础路径：

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/'
}

2. 使用outputDir配置打包输出的目录：

module.exports = {
  outputDir: 'dist'
}

3. 使用devServer配置开发服务器相关的选项，比如端口号和代理：

module.exports = {
  devServer: {
    port: 8080,
    proxy: 'http://localhost:3000'
  }
}

4. 使用configureWebpack或chainWebpack来对webpack配置进行更细粒度的调整：

module.exports = {
  configureWebpack: {
    // 配置项...
  }
}

5. 使用css相关选项来配置CSS的处理方式：

module.exports = {
  css: {
    // 配置项...
  }
}

6. 使用chainWebpack来自定义webpack的loader和plugin：

module.exports = {
  chainWebpack: config => {
    // 自定义webpack配置
  }
}

7. 使用transpileDependencies配置需要经过Babel转译的依赖包：

module.exports = {
  transpileDependencies: ['my-module']
}

8. 使用lintOnSave配置是否在保存时进行代码格式检查：

module.exports = {
  lintOnSave: true
}