Question

我使用内联样式＆amp;我的主题来自一个名为themes.json的文件，我创建了这个文件。在调用webpack之前注入我的build文件夹。我也喜欢webpack来处理这个问题。

我的第一次尝试是使用插件：

compiler.plugin('compilation', async(compilation, callback) => {
  const themes = {}; // empty for this example
  compilation.assets['themes.json'] = {
    source: function() {
      return themes;
    },
    size: function() {
      return themes.length;
    }
  };
  callback();
}

但是，由于插件运行异步或并行，我遇到了一种竞争条件，即index.js const themes = require('../build/themes.json') themes.json试图在它存在之前需要一些东西。

如何确保require('../build/themes.json')存在且可在我的构建中使用？我看到了3种可能性：

有一种方法可以串行运行我不了解的插件
我以某种方式使用加载程序执行此操作
我写了一个查找{PATH_TO_MYSQL_BIN}/mysql --host=INSTANCE_IP --user=root --password create database wordpress_db; exit;的插件，当它找到它时，它会创建＆amp;注入主题。

有关正确方法的任何帮助吗？

在编译构建之前使用webpack构建依赖项

0 个答案: