检查 Webpack 打包类库时是否缺少 libraryTarget 参数,添加之后 Webpack 文件将会对外暴露 export default ,也就能够正常引入了

const path = require('path')
module.exports = {
  mode: 'development',
  entry: path.resolve(__dirname, 'src/core/core.js'),
  output: {
    path: path.resolve(__dirname, 'core'),
    filename: 'core.min.js',
    libraryTarget: 'umd' // 添加输出库配置
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  }
}

参考博主往期文章:Webpack 打包类库踩坑

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐