检查 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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐