module.exports = {
  productionSourceMap: false,
  lintOnSave: false,
  devServer: {
    port: 8080,
    overlay: {
      warning: false,
      errors: false
    }
  },
  css: {
    sourceMap: true
  },
  // 强制转译依赖
  transpileDependencies: [
    'vue-router',
    'vue-draggable-next'
  ],
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: "javascript/auto"
        }
      ]
    }
  },
  chainWebpack: (config) => {
    config.plugins.delete('prefetch');
    
    config.plugin('html').tap((args) => {
      args[0].title = 'WCS';
      return args;
    });
    
    // 添加对 mjs 文件的处理
    config.module
      .rule('mjs')
      .test(/\.mjs$/)
      .include
        .add(/node_modules/)
        .end()
      .type('javascript/auto');
  }
}