webpack 开发服务器的两种不同模式之间切换

分类:环境配置来源:站内 最近更新:2021-07-01 15:51:26浏览:976留言:0

最近在处理微前端架构,坑很多。因为需要把入口文件导出umd模式。在处理架构的过程中,导出模式永远是个空对象{}。但是通过编译后再引用文件时,发现出现了真实的Module对象。

  output: {
    path: resolve("../dist"),
    filename: isDev ? "js/[name].js" : "js/[name].[contenthash:8].js",
    chunkFilename: "js/[contenthash:8].js",
    publicPath: !isDev ? `/portal_v6/${AppConfig.appName}/` : `http://localhost:${AppConfig.port}/`,
    library: {
      name: "main",
      type: "umd",
    },
  },

但是开发环境中,打印全局main是{};

起初在导出模式这边调整了很多时间,最后和老项目做对比,才发现问题在devserver这一块,然后再查找文档,发现了inline 

文档介绍:

在开发服务器的两种不同模式之间切换。默认情况下,应用程序将启用 inline 模式。这意味着将在 bundle 中插入脚本以进行实时重新加载,并且构建消息将出现在浏览器控制台中。

所以把inline调整为false就可以了

但是一旦开启了热启动就会失去效果。



0

发表评论

评论列表(0)

  • 暂时没有留言
热门