Question

所以我有这个Create react应用程序（我不太了解webpack），我想在此应用程序上使用EaselJS，但是EselJS的NPM对应版本是他们的版本2（BETA），并且非常不稳定且未记录-这就是为什么我要使用压缩版本。

我的项目中有一个easeljs.min.js，但我不知道如何“导入”。

执行`import'./easeljs.min.js'似乎还会产生很多掉毛问题，而且似乎也不起作用。

编辑：我尝试使用react-helmet并将其附加为脚本标签，但是似乎react在缩小版本中做了一些操作，并导致其出错。（unexpected token <）

Answer 1

所以我能够解决它：

我安装了react-app-rewired，创建了config-overrides.js，并添加了以下代码：

module.exports = function override(config, env) {
  if (!config.resolve || Object.keys(config.resolve).length === 0) {
    config.resolve = {};
  }

  if (!config.module || Object.keys(config.module).length === 0) {
    config.module = {};
  }

  if (!config.module.rules || config.module.rules.length === 0) {
    config.module.rules = [];
  }

  const resolve = {
    alias: {
      createjs: "createjs/builds/1.0.0/createjs.js"
    }
  };

  config.resolve = {
    ...config.resolve,
    ...resolve
  };

  config.module.rules.push({
    test: /node_modules[/\\]createjs/,
    loaders: ["imports-loader?this=>window", "exports-loader?window.createjs"]
  });

  return config;
};

似乎这与createjs本身有关https://github.com/CreateJS/Combined/issues/12

我最终也将此仓库用于createjs。

如何在React Create App上导入缩小的JS文件

1 个答案: