Question

我需要导入一个只包含变量的文件，我只需要svgs，

// THESE ARE THE SVGS I NEED 
import doubleSvg from '../DecisionOverlay/img/button-double.svg';
import hitSvg from '../DecisionOverlay/img/button-hit.svg';
import splitSvg from '../DecisionOverlay/img/button-split.svg';
import standSvg from '../DecisionOverlay/img/button-stand.svg';

const standSymbolSvg = document.getElementById('stand-symbolSvg');
const hitSymbolSvg = document.getElementById('hit-symbolSvg');
const doubleSymbolSvg = document.getElementById('double-symbolSvg');
const splitSymbolSvg = document.getElementById('split-symbolSvg');

const standSymbolSnap = snap(standSymbolSvg);
const hitSymbolSnap = snap(hitSymbolSvg);
const doubleSymbolSnap = snap(doubleSymbolSvg);
const splitSymbolSnap = snap(splitSymbolSvg);

const standSymbolSvgContent = Snap.parse(standSvg.content);
const hitSymbolSvgContent = Snap.parse(hitSvg.content);
const doubleSymbolSvgContent = Snap.parse(doubleSvg.content);
const splitSymbolSvgContent = Snap.parse(splitSvg.content);

standSymbolSnap.append(standSymbolSvgContent);
hitSymbolSnap.append(hitSymbolSvgContent);
doubleSymbolSnap.append(doubleSymbolSvgContent);
splitSymbolSnap.append(splitSymbolSvgContent);

所以，我需要一个可以导入的模块，所以我不会重复我的代码，因为我在4个不同的文件中重复这个完全相同的代码，所以我需要知道如何导入它以及如何调用它我需要它

Answer 1

您可以将所有这些内容放在exports每个变量的文件中，然后import *将其全部放入

Lib模块从＆＃39; ../ DecisionOverlay / img / button-double.svg＆＃39;中导入doubleSvg; 从＆＃39; ../ DecisionOverlay / img / button-hit.svg＆＃39;中导入hitSvg; 从＆＃39; ../ DecisionOverlay / img / button-split.svg＆＃39;中导入splitSvg; 从＆＃39; ../ DecisionOverlay / img / button-stand.svg＆＃39;;

导入standSvg

export const standSymbolSvg = document.getElementById('stand-symbolSvg');
export const hitSymbolSvg = document.getElementById('hit-symbolSvg');
export const doubleSymbolSvg = document.getElementById('double-symbolSvg');
export const splitSymbolSvg = document.getElementById('split-symbolSvg');

const standSymbolSnap = snap(standSymbolSvg);
const hitSymbolSnap = snap(hitSymbolSvg);
const doubleSymbolSnap = snap(doubleSymbolSvg);
const splitSymbolSnap = snap(splitSymbolSvg);

export const standSymbolSvgContent = Snap.parse(standSvg.content);
export const hitSymbolSvgContent = Snap.parse(hitSvg.content);
export const doubleSymbolSvgContent = Snap.parse(doubleSvg.content);
export const splitSymbolSvgContent = Snap.parse(splitSvg.content);

standSymbolSnap.append(standSymbolSvgContent);
hitSymbolSnap.append(hitSymbolSvgContent);
standSymbolSnap.append(doubleSymbolSvgContent);
splitSymbolSnap.append(splitSymbolSvgContent);

export standSymbolSnap;
export hitSymbolSnap;
export splitSymbolSnap;

其他一些模块

import * as lib from 'lib';
//lib.standSymbolSnap is accessible

如何导入文件以及如何在需要的地方调用它

1 个答案: