ECShopX_mobile-frontend/config/index.js

import path from 'path'
import pkg from '../package.json'

const webpackPluginsAutoI18n = require('webpack-auto-i18n-plugin')
const { YoudaoTranslator, EmptyTranslator } = require('webpack-auto-i18n-plugin')

const chalk = require('chalk')
const { getEnvs, getDefineConstants, getCacheIdentifier } = require('./utils')

require('dotenv-flow').config()

const DIST_PATH = `dist/${process.env.TARO_ENV}`
const APP_ENVS = getEnvs()

// 是否为生产模式
const IS_PROD = process.env.NODE_ENV === 'production'
const BUILD_TARGET = process.env.TARGET
const BUILD_APP_SERVER = process.env.SERVER

const CONST_ENVS = {
  APP_NAME: pkg.app_name,
  APP_AUTH_PAGE:
    process.env.TARO_ENV == 'h5' ? '/subpage/pages/auth/login' : '/subpages/member/index',
  APP_BUILD_TARGET: BUILD_TARGET,
  APP_LIVE: process.env.APP_LIVE,
  ...APP_ENVS
}

Object.keys(CONST_ENVS).forEach((key) => {
  console.log(chalk.green(`${key}=${CONST_ENVS[key]}`))
})

// 是否打包APP
const IS_APP = BUILD_TARGET === 'app'
// 是否打包成APP服务
const IS_APP_SERVER = BUILD_APP_SERVER === 'server'

const copyPatterns = [{ from: 'src/assets', to: `${DIST_PATH}/assets` }]
if (process.env.TARO_ENV == 'weapp') {
  copyPatterns.push({ from: 'src/ext.json', to: `${DIST_PATH}/ext.json` })
}
if (process.env.TARO_ENV == 'h5') {
  copyPatterns.push({ from: 'src/files', to: `${DIST_PATH}` })
}
if (process.env.TARO_ENV == 'alipay') {
  copyPatterns.push({ from: 'mini.project.json', to: `${DIST_PATH}/mini.project.json` })
}

const config = {
  projectName: pkg.name,
  date: '2025-04-22',
  framework: 'react',
  designWidth: 750,
  deviceRatio: {
    '640': 2.34 / 2,
    '750': 1,
    '828': 1.81 / 2
  },
  sourceRoot: 'src',
  outputRoot: DIST_PATH,
  sass: {
    resource: path.resolve(__dirname, '..', 'src/style/imports.scss'),
    projectDirectory: path.resolve(__dirname, '..')
  },

  defineConstants: getDefineConstants(CONST_ENVS),
  alias: {
    'taro-ui$': 'taro-ui/lib/index',
    '@': path.join(__dirname, '../src')
    // '@lang': path.join(__dirname, '../lang')
    // 'lodash': 'lodash-es'
  },
  copy: {
    patterns: copyPatterns
  },
  compiler: {
    type: 'webpack5',
    // 依赖预编译配置
    prebundle: {
      enable: false,
      force: true
    }
  },
  plugins: [
    // '@shopex/taro-plugin-modules',
    // path.join(__dirname, "../src/plugin/test.js")
    // path.join(__dirname, "./modify-taro.js")
  ],

  mini: {
    webpackChain(chain) {
      chain.plugin('auto-i18n').use(webpackPluginsAutoI18n.default, [
        {
          rewriteConfig: false, // 是否重写配置js ， 小程序需要魔改配置文件，所以不要重新生成，以现在的为准
          excludedPath: [
            path.resolve(__dirname, './../src/lang/index.js'),
            path.resolve(__dirname, './../src/lang/consts.js')
          ],
          globalPath: path.resolve(__dirname, './../src/subpages/i18n/lang'),
          targetLangList: ['en', 'zh-tw'], // 目标语言
          originLang: 'zh-cn', // 源语言
          translator: process.env.APP_I18N_APP_KEY
            ? new YoudaoTranslator({
                appId: process.env.APP_I18N_APP_ID,
                appKey: process.env.APP_I18N_APP_KEY
              })
            : new EmptyTranslator(),
          includePath: [/src/] // 仅扫描 src 目录
        }
      ])
    },

    miniCssExtractPluginOption: {
      ignoreOrder: true
    },
    optimizeMainPackage: {
      enable: true
    },
    // 图片转换base64
    imageUrlLoaderOption: {
      limit: 0
    },
    postcss: {
      autoprefixer: {
        enable: true
      },
      pxtransform: {
        enable: true,
        config: {}
      },
      url: {
        enable: true,
        config: {
          limit: 10240 // 设定转换尺寸上限
        }
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    }
  },

  h5: {
    publicPath: IS_APP ? (IS_APP_SERVER ? '/' : './') : '/',

    router: {
      // mode: 'browser'
      // mode: 'hash',
      mode: IS_APP ? (IS_APP_SERVER ? 'browser' : 'hash') : 'browser'
    },
    webpackChain(chain) {
      chain.plugin('auto-i18n').use(webpackPluginsAutoI18n.default, [
        {
          rewriteConfig: false, // 是否重写配置js ， 小程序需要魔改配置文件，所以不要重新生成，以现在的为准
          excludedPath: [
            path.resolve(__dirname, './../src/lang/index.js'),
            path.resolve(__dirname, './../src/lang/consts.js')
          ],
          globalPath: path.resolve(__dirname, './../src/subpages/i18n/lang'),
          targetLangList: ['en', 'zh-tw'], // 目标语言
          originLang: 'zh-cn', // 源语言
          translator: process.env.APP_I18N_APP_KEY
            ? new YoudaoTranslator({
                appId: process.env.APP_I18N_APP_ID,
                appKey: process.env.APP_I18N_APP_KEY
              })
            : new EmptyTranslator(),
          includePath: [/src/] // 仅扫描 src 目录
        }
      ])
    },
    devServer: {
      // https: true,
      // overlay: {
      //   warnings: false,
      //   errors: false
      // }
      // https: {
      //   key: "../cert/ecshopx-server.key",
      //   cert: "../cert/ecshopx-server.crt",
      //   // passphrase: "webpack-dev-server",
      //   requestCert: true
      // }
    },
    postcss: {
      autoprefixer: {
        enable: true,
        config: {}
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: 'module', // 转换模式，取值为 global/module
          generateScopedName: '[name]__[local]___[hash:base64:5]'
        }
      }
    },
    esnextModules: ['taro-ui']
  }
}

module.exports = function (merge) {
  if (!IS_PROD) {
    return merge({}, config, require('./dev'))
  }
  return merge({}, config, require('./prod'))
}