請給我完整的 vue.config.js

### vue.config.js 完整配置示例

以下是 `vue.config.js` 文件的一个完整配置实例，该文件允许对 Vue CLI 创建的项目进行详细的自定义设置：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/',
  outputDir: 'dist',
  assetsDir: 'assets',
  lintOnSave: true,
  runtimeCompiler: false,
  transpileDependencies: [],
  productionSourceMap: false,

  devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: null, // 设置代理
    before: app => {}
  },

  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        jQuery: 'jquery'
      })
    ]
  },
  
  chainWebpack(config) {
    config.module.rule('svg')
      .exclude.add(/node_modules/) // 排除 node_modules 中的 svg 文件处理
      .end()
      .rule('icons')
      .test(/\.svg$/)
      .include.add(path.resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({symbolId: 'icon-[name]'})
  }
}

此配置涵盖了从公共路径到 Webpack 插件链式调用的各种选项[^1]。

对于多入口文件的支持，在 `configureWebpack` 或者 `chainWebpack` 方法内可以进一步定制化配置来实现多页面应用需求。例如可以通过调整 entry 属性指定多个入口文件，并相应地为每个页面创建单独的模板和输出文件[^2]。