dev.assetPrefix

TIP

该配置由 Modern.js Builder 提供，更多信息可参考 dev.assetPrefix。

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

assetPrefix 会影响构建产物中绝大部分静态资源的 URL，包括 JavaScript 文件、CSS 文件、图片、视频等。如果指定了一个错误的值，则在加载这些资源时可能会出现 404 错误。

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

如果设置 assetPrefix 为 true，Builder 会自动计算出 //ip:port/ 作为 URL 前缀：

export default {
  dev: {
    assetPrefix: true,
  },
};

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

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

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

当 assetPrefix 的值为 string 类型时，字符串会作为前缀，自动拼接到静态资源访问 URL 上：

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

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

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

#dev.assetPrefix