dev.assetPrefix

设置开发环境下的静态资源 URL 前缀，对应 webpack 的 output.publicPath 配置。

在生产环境下，请使用 output.assetPrefix 配置项进行设置。

类型

当值的类型为 boolean 时，设置为 true，会自动添加 //ip:port/ 作为访问前缀：

modern.config.js
export default defineConfig({
  dev: {
    assetPrefix: true,
  },
});

对应 JS 文件在浏览器中加载的地址如下：

<script defer src="//${ip}:8080/static/js/main.js"></script>

设置为 false 或不设置，则默认使用 / 作为访问前缀。

当值的类型为 string 时，会作为前缀，自动拼接到静态资源访问路径上：

export default defineConfig({
  dev: {
    assetPrefix: 'http://example.com/assets/',
  },
};

对应 JS 文件在浏览器中加载的地址如下：

<script defer src="http://example.com/assets/static/js/main.js"></script>

当项目中启用了微前端功能 @modern-js/plugin-garfish 时，Garfish 会自动设置 dev.assetPrefix 的值为 //localhost:${port}/，以保证微前端场景下的功能可以正常使用，因此 dev.assetPrefix 将无法被修改。