import编译后变成什么?如何运行

演示来源

问题

import moduleName from 'xxModule’
import(‘xxModule’)

1. 经过 webpack 编译打包后最终变成了什么？
2. 在浏览器中是怎么运行的？

源代码

/**
 * 入口文件，引入 print 方法，并执行
 * 定义了一个 button 方法，为页面添加一个按钮，并为按钮设置了一个 onclick 事件，负责动态引入一个文件
 */
import {
    print } from './num.js'

print()

function button () {
   
  const button = document.createElement('button')
  const text = document.createTextNode('click me')
  button.appen