es6 模块化 import问题

Question

A new ES6er

将js/common.js 和js/index.js 用webpack打了包输出到dist文件夹下

common.js:

export let x = 1;
export let changeX = () => {
    x++;
};

index.js

import{x, changeX} from '../../dist/common.js'
changeX();    
console.log(x);

然后我的index.html引入了打包后的index.js

报的错，我想我的思路是在哪里出错了吗？

Answer 1

为什么import的是dist里面的呢？直接

import {x,changeX} from './common.js';