使用带有copy-webpack-plugin

Question

我当前的Webpack版本为3.10.0 Copy-webpack-plugin版本为4.3.1这是我在webpack中的配置文件plugin部分。

 plugins: [
    new ExtractTextPlugin('style.css'),
    new CopyWebpackPlugin([ { from: APP_DIR + '/static' } ]),
],

此处APP_DIR是我的客户端文件夹的路径。

在我的静态文件夹中，我有SOME_FILE.js，这是一个只导出对象数组的文件。该文件的大小为700kb。我不想在我的代码中包含它，以便我的Webpack捆绑它并增加我的应用程序大小。我想单独包含该静态文件。

所以当我运行这个命令时

import COUNTRIES from 'static-path/SOME_FILE.js';

但这给了我一个错误

 Module not found: Error:

Answer 1

任何遇到类似情况/问题的人。我使用fetch或axios等请求方法解决了这个问题。 （我用过fetch）。所以JSON被放在一个静态文件夹中，使用fetch我加载了JSON文件。

我做了一些研究，结果还有第二种选择。使用webpack中的公共块插件。 Webpack有关于代码拆分的详细文档Code Splitting In Webpack

我亲自去了第一个选择。它似乎很简单，有点像选项2一样，但只是以更简单的方式。