webpack外部和html脚本标签

Question

尝试从webpack捆绑包中将vuejs库外部化。 使用webpack的“外部”选项+ index.html

中的脚本标签来执行此操作

加载应用程序时的实际结果：  无法读取未定义的属性' esModule'，__webpack_require （/ *！vue * /“ vue”）未定义

在当前配置下面：

webpack.config.js

externals : {
    {vue: {root: "vue", amd: "vue", commonjs2:"vue", commonjs:"vue"}},
}

index.html HEAD

<script src='https://unpkg.com/vue@2.5.16/dist/vue.min.js'></script>

App.js

import Vue from 'vue'

webpack捆绑包被导入index.html的正文中。 为了在包中使用外部库该怎么办？

谢谢