vue.config.js全部配置

module.exports = {
  // 基本路径
  publicPath: '/',
  // 输出文件目录
  outputDir: 'dist',
  // 静态资源目录
  assetsDir: 'static',
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,
  // webpack配置
  chainWebpack: () => {},
  configureWebpack: () => {},
  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: true,
  // css相关配置
  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  // webpack-dev-server 相关配置
  devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false,
    // proxy: null, // 设置代理
    before: app => {}
  },
  // 第三方插件配置
  pluginOptions: {
    // ...
  }
}

其中，部分比较常用的配置选项：

• publicPath：指定打包后静态资源的基础路径，默认为'/'。
• outputDir：指定打包后的输出目录，默认为'dist'。
• lintOnSave：是否在保存时检查代码规范。
• productionSourceMap：是否生成生产环境的sourceMap文件。
• css.extract：是否将css文件单独打包。
• devServer：开发服务器的相关配置，如端口号、代理等。
• pluginOptions：第三方插件的配置选项。