嗯,我在研究这个的时候没有在别处找到任何东西。但是,我想将样式表导出到我的应用程序的其余部分。以下是 ES5,我想将其转换为 ES6。连facebook.github这个不清楚。我的 ES5 代码是:
var fontFamily = 'Comic Sans MS, Lucida Handwriting, cursive';
var background = 'pink url("https://media.giphy.com/media/oyr89uTOBNVbG/giphy.gif") fixed';
var fontSize = '4em';
var padding = '45px 0';
var color = 'green';
module.exports = {
fontFamily: fontFamily,
background: background,
fontSize: fontSize,
padding: padding,
color: color
};
谁能帮忙解决这个问题?到目前为止,我正在尝试:
export default {
fontFamily: fontFamily,
background: background,
fontSize: fontSize,
padding: padding,
color: color
};
最佳答案
有很多方法可以做到这一点,但这里有两个例子。
请引用https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export有关导出声明的详细信息。
方式一
导出
export const styles = {
fontFamily: 'Comic Sans MS, Lucida Handwriting, cursive',
background: 'pink url("https://media.giphy.com/media/oyr89uTOBNVbG/giphy.gif") fixed',
fontSize : '4em',
padding: '45px 0',
color : 'green',
};
正在导入
import { styles } from './styles';
const fontFamily = styles.fontFamily;
console.log(fontFamily) // Comic Sans MS, Lucida Handwriting, cursive
方式2
导出
const fontFamily = 'Comic Sans MS, Lucida Handwriting, cursive';
const background = 'pink url("https://media.giphy.com/media/oyr89uTOBNVbG/giphy.gif") fixed';
const fontSize = '4em';
const padding = '45px 0';
const color = 'green';
export { fontFamily, background, fontSize, padding, color };
正在导入
import { fontFamily, color } from './styles';
console.log(fontFamily, color); // Comic Sans MS, Lucida Handwriting, cursive green
关于javascript - 使用 ES6 导出样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43387447/