如何在webpack中跨文件使用程序变量和@ rules

// config.js

// 程序变量
export const apiUrl = 'https://api.example.com';
export const maxFileSize = 10 * 1024 * 1024; // 10MB

// @ rules
export const primaryColor = '#ff0000';
export const secondaryColor = '#00ff00';

// index.js
import { apiUrl, primaryColor } from './config';

console.log(apiUrl); // 输出：https://api.example.com
console.log(primaryColor); // 输出：#ff0000

// webpack.config.js
const path = require('path');

module.exports = {
  // 其他配置项...
  resolve: {
    alias: {
      '@config': path.resolve(__dirname, 'path/to/config.js'),
    },
  },
};

// utils.js
import { maxFileSize, secondaryColor } from '@config';

console.log(maxFileSize); // 输出：10485760
console.log(secondaryColor); // 输出：#00ff00