                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /TypeScript封装播放器组件

老师, 您好, 为什么 popup.css.d.ts中并没有写任何的声明, 在 popup.ts 中可以直接使用popupStyle['popup'], 而popupStyle.popup会报错?

// popup.css.d.ts
declare const popupStyle : {
    // readonly "popup":string;
}

export default popupStyle;

// popup.css 这里省略了部分css属性
.popup { position: fixed;}
.popup-title { flex: none;}
.popup-title h3 { font-size: 18px;}
.popup-title i { width: 30px;}
.popup-title i:hover { color: #fff;}
.popup-content { flex: 1;}
.popup-mask { position: fixed;}

// popup.ts
import popupStyle from './popup.css';
// ...
console.log('popupStyle', popupStyle); // 有值, 正常 
// popupStyle: {popup: "g-popup--231tR", popup-title: "g-popup-title--1qc1l", popup-content: "g-popup-content--1K5M-", popup-mask: "g-popup-mask--3i6ER"}
console.log('popupStyle', popupStyle['popup']); // 有值, 正常
console.log('popupStyle', popupStyle['popup-title']); // 有值, 正常
console.log('popupStyle', popupStyle.popup); // 报错  - 见图