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

发布于 2022-09-05 19:43:42 字数 1056 浏览 13 评论 0

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

这是哪儿弄错了吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

心的位置 2022-09-12 19:43:42

default 的 import 配上default 的 export

var a = 1
export default a

或者非default 的 input

import { a } from './add'
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文