Vue中import from的来源：省略后缀与加载文件夹

1、form后来源为文件名

Vue使用import … from …来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的：

module.exports = {
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src')
    }
  }
...
}

2、form后来源名为文件夹

if(package.json存在 && package.main字段存在 && package.main指定的js存在) {
    取package.main指定的js作为from的来源，即使该js可能格式或内容错误
} else if(index.js存在){
    取index.js作为from的来源
} else {
    取index.vue作为from的来源
}

export { default as Navbar } from './Navbar'
 
export { default as Sidebar } from './Sidebar'
 
export { default as AppMain } from './AppMain'

转载于 此博客