js不能用import {}来获取一个对象的属性吗？

Question

在a.js里export default {  b: 1}然后在b.js里import { b } from './a'console.log(b)结果报错： "export 'b' was not found in './a'babel/webpack环境是我的使用方式不对吗？

Answer 1

不是你使用方式不对，是没有export的东西不能imort，模块并不和对象属性类似

Answer 2

export const b = 1;

再

import { b } from './a'

Answer 3

export default 是作为一个整体导出的，只能整体导入，不能解构。

Answer 4

export default {

  b: 1

}

再

import * as tmpname from './a';

console.log(tmpname.default.b)

或

import othername from './a';

console.log(othername.b)

Answer 5

阮一峰老师的ES6教程了解一下，知识讲解的挺详细的，也包括了import, export的用法：
Module 的语法

Answer 6

import引用和解构赋值不能当成一回事， 当然，这种引用貌似可以通过babel插件支持，但是毕竟不是正确用法。