configuration has an unknown property ‘jsonpFunction‘

最新推荐文章于 2023-05-29 11:43:28 发布

红豆黄豆小甜豆

最新推荐文章于 2023-05-29 11:43:28 发布

阅读量3k

点赞数 15

文章标签： webpack 前端 node.js

原文链接：https://blog.csdn.net/qq_17497931/article/details/120035900

版权

配置webpack时的报错。

在 webpack 4 中，多个 webpack 运行时可能会在同一个 HTML 页面上发生冲突，因为它们使用同一个全局变量进行代码块加载。为了解决这个问题，需要为 output.jsonpFunction 配置提供一个自定义的名称。

Webpack 5 确实会从 package.json name 中自动推断出一个唯一的构建名称，并将其作为 output.uniqueName 的默认值。

这个值用于使所有潜在的冲突的全局变量成为唯一。

迁移: 由于 package.json中有唯一的名称，可将output.jsonpFunction` 删除。

**报错原因：**在2020-10-10发布的webpack 5中已将 output.jsonpFunction 更名为 output.chunkLoadingGlobal

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    // 可以在配置中 配置端口 VUE_APP_PORT = 8080
    port: 8080,
    headers: {
      'Access-Control-Allow-Origin': '*' // 重点1: 允许跨域访问子应用页面
    }
  },
  // 自定义webpack配置
  configureWebpack: {
    output: {
      library: `${packageName}-[name]`,
      libraryTarget: 'umd', // 把子应用打包成 umd 库格式
      //
      chunkLoadingGlobal: `webpackJsonp_${packageName}`
    }
  },
})

————————————————
版权声明：本文为CSDN博主「MK965」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_17497931/article/details/120035900