首页 > 解决方案 > 如何使用 Webpack 预编译数据?

问题描述

我有一个 Web 应用程序,它使用一些 JSON 格式的静态(很少更改)数据。JSON 只是一个对象数组,我正在做一些转换以创建更多可用的地图以进行搜索和其他一些操作。该应用程序是使用 Webpack 构建的

代码如下所示:

import entries from './entries.json'

export const entriesMap = entries.reduce((acc, entry) => {
  // some transforming code here
}, {})

问题是它每次在应用程序加载时都会运行,实际上总是在做同样的工作。

我的问题:有没有办法告诉 Webpack 在编译时执行此代码,所以它会自动将应用程序与entriesMap已评估的应用程序捆绑在一起?

如果是,是否有这样做的理由,还是这样留下更好?

标签: javascriptwebpack

解决方案


推荐阅读