导入导出

//导出数组
//export default []
import pageRoutes from './router.config';                                    
//导出数组　　　
const sidebarMenu = []　　　　　　　　　　　　　　　　　  　
export default sidebarMenu;
//导出数组　
export const headerMenu = []　　　　　　　　　　　　　　   
---------------------------------------------------------------------------------------------
//导出方法 无参
//export default config => {}　　　　　　　　　　　　　　　　　　　　　　　　　　
import webpackplugin from './plugin.config';                                　　　　　　　　　　　　
----------------------------
//导出方法 有参
export const loginSuccessCreator = (userName) => {　　　　　　　　　　　　　　
　　return {type: 'LOGIN_SUCCESS', payload: userName};
};
----------------------------
//导出方法 无参
// export async function queryNotices() {　　　　　　　　　　　　　　　　　　　　　　 
//   return request('/api/notices');
// }
//导入方法 无参
import { queryNotices } from '@/services/api';
----------------------------
const LoginSubmit = ({ className, ...rest }) => {　　　　　　　　　　　　　　　　　　
  const clsString = classNames(styles.submit, className);
  return (
    <FormItem>
      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} />
    </FormItem>
  );
};
//导出方法 有参
export default LoginSubmit;
---------------------------------------------------------------------------------------------
//导出对象
//module.exports = {}              
//导入对象
import defaultSettings from '../src/defaultSettings';                      
 
const Utils = {}
//导出对象
export default Utils;
//导出对象
export const environment = {　　　　　　　　　　　　　　　   　　　　　　　　　　　　　　　
  url: 'http://10.10.111.19:8080',
  servicesUrl: 'http://10.10.111.19:8080'
};
//导入对象
import {environment} from 'src/environments/environment';　　　　　　　　　　　　　　　　　　　
this.url = environment.url;
---------------------------------------------------------------------------------------------
//let domain = 'https://zhanglanzuopin12.cn/';
//导出字符串
//export default domain;　　　　　　　　　
//导入字符串　　　　　　　　   
import domain from '@/utils/domain.js';
---------------------------------------------------------------------------------------------
//组件
//class ArticleComponent extends React.Component {}    
//导入组件          
import ArticleComponent from './ArticleComponent';
//组件
class App extends React.Component{}
const mapStateToProps = (state) => {
　　return {
       // 侧边栏是否折叠
　　　　collapse: state.Sidebar.collapse,
       // 是否登录
　　　　login: state.Login.login, 
       // 登录后的用户名
　　　　userName: state.Login.userName, 
　　};
};

const mapDispatchToProps = (dispatch) => {
　　return {
       // loginSuccess事件比较特殊, 不只Login组件会触发, App组件也会触发
　　　　handleLoginSuccess: bindActionCreators(loginSuccessCreator, dispatch), 
　　};
};
//导出组件
export default connect(mapStateToProps, mapDispatchToProps)(App);
//组件
class Welcome extends React.PureComponent {}
class UpdateGPA extends React.PureComponent {}
//导出组件
export {Welcome , UpdateGPA};
 
----------------------------
//Angular导出
export class CommonService {　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
  url = 'http://10.10.111.21:8080';
  get_user() {
    return this.http.get(this.url + '/system/get_user');
  }
}
//Angular导入
import {CommonService} from '../@service/common.service'; 　　　　　　　　　　　　　　　　　　　　　　　　
constructor(private router: Router, private commonService: CommonService) {}
ngOnInit() {
  //获取当前用户
  this.commonService.get_user().subscribe(                           
    resu1 => {
      if (resu1['status'] === 'OK') {
        this.userName = resu1['data'];
      }
    }, error => {
      console.error('topic select error');
    }
  );
}

先把一个页面精简到最少 再引出去