vue2vue.config.js配置

在 Vue 2 中，你可以通过创建一个名为 `vue.config.js` 的文件来配置项目的构建和开发行为。这个文件需要放置在你的项目根目录下。

以下是一些常见的配置选项和用法示例：

#### publicPath

设置应用程序在服务器上的基本 URL。默认情况下，Vue CLI 会假设你的应用程序部署在域的根目录。

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/my-app/'
    : '/'
}

#### outputDir

指定构建输出的目录，默认为 `dist`。

module.exports = {
  outputDir: 'my-dist'
}

#### devServer

配置开发服务器。

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

#### css

在 Vue CLI 2 中，你可以使用 `css` 配置来自定义 CSS 相关的配置。例如：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "@/styles/variables.scss";`
      }
    }
  }
}

#### chainWebpack

使用 `chainWebpack` 配置项可以对内部的 webpack 配置进行更细粒度的修改。

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('svg')
      .exclude.add(resolve('src/assets/icons'))
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/assets/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({ symbolId: 'icon-[name]' })
      .end()
  }
}

这只是一些常见的配置选项示例，你可以根据你的项目需求进行更多的配置。更多详细的配置选项和用法可以参考 Vue CLI 的官方文档。