用webpack中babel将ES6转为ES5成功之后,成功文件中import没有用?

1.webpack.config.js

var path=require('path');
var HtmlWebpackPlugin=require('html-webpack-plugin')

module.exports={
    entry:{
        index:'./web/main.js',
    },
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'index.js'
    },
    resolve:{
        extensions:['.js'],
    },
    module:{
        rules:[
            {
                test:/\.js$/,
                exclude:/node_modules/,
                loader:'babel-loader',
                query:{
                    presets:['es2015']
                }
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:'./index.html'
        })
    ]
    
}

2.入口文件 main.js

import a from './add';
console.log(a)

3.add文件中

export var a=1;

4.文件结构

clipboard.png

5.显示的结果是
undefined

这是哪儿弄错了吗?

阅读 3.5k
1 个回答

default 的 import 配上default 的 export

var a = 1
export default a

或者非default 的 input

import { a } from './add'
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题