问在没有webpack的情况下从css文件中加载图像

EN

/// <reference types="react-scripts" />

declare module '*.png';
declare module "*.jpg";
declare module '*.png' {
    const src: string;
    export default src;
}
declare module "*.jpeg";
declare module "*.gif";

     "compilerOptions": {
        "target": "es5",
        "typeRoots" : ["node_modules/@types", "src/types"],
        "lib": [
          "dom",
          "dom.iterable",
          "esnext"
        ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src",
    "src/types/images.d.ts",
    "**/*.ts", "**/*.tsx"
  ]
}

.custom { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 20px; background: url('../asset/images/ico_check1_off.png') center center no-repeat; background-size: contain; }

folder

public
 - asset/images

src
 - component / main
   - main.tsx
 - component / css 
   - common.css