webpack 外部扩展 externals引用的问题

Question

在index.html引入zepto.min.js

//webpack.config.js
externals: {
  'zepto': 'Zepto'
}

//index.js
import $ from 'zepto'

这样引用，就会报错，Cannot find module 'zepto'
但是

//webpack.config.js
externals: {
  zepto : {
      commonjs: 'Zepto',
      amd: 'Zepto',
      root: '$' // 指向全局变量
   }
}

//index.js
window.$

这样就没问题，所以是我哪里写错了么

Answer 1

有可能是因为zepto是未模块化的库，只能通过root方式来全局检索，换成jQuery可能方法一就可以了