const path = require('path');

module.exports = {
  assetsDir: 'assets',
  publicPath: "./",
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
      // 只会在 开发环境中生效，当我们使用 build 去打包一个项目的时候，那么这里的配置不会生效
      // return {
      //     resolve: {
      //         alias: {
      //           '@mp3': path.resolve(__dirname, './src/assets/mp3'),
      //             '@js': path.resolve(__dirname, './src/assets/js'),
      //             '@css': path.resolve(__dirname, './src/assets/css'),
      //             '@img': path.resolve(__dirname, './src/assets/imgs'),
      //             '@c': path.resolve(__dirname, './src/components'),
      //         }
      //     }
      // }

    }

    return {
      resolve: {
        alias: {
          '@utils': path.resolve(__dirname, './src/utils'),
          '@api': path.resolve(__dirname, './src/api'),
          '@mp3': path.resolve(__dirname, './src/assets/mp3'),
          '@js': path.resolve(__dirname, './src/assets/js'),
          '@css': path.resolve(__dirname, './src/assets/css'),
          '@img': path.resolve(__dirname, './src/assets/img'),
          '@svg': path.resolve(__dirname, './src/assets/svg'),
          '@c': path.resolve(__dirname, './src/components'),
          '@v': path.resolve(__dirname, './src/views'),
        }
      }
    }
  }
}