使用带有 copy-webpack-plugin 的 Webpack 导入静态文件

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

遇到类似情况的任何人situation/problem。我使用 fetch 或 axios 之类的请求方法解决了它。（我使用了获取）。所以 JSON 被放在一个静态文件夹中并使用 fetch 我加载了 JSON 文件。

我对此进行了一些研究，结果发现还有第二种选择。使用 webpack 中的通用块插件。 Webpack 有关于代码拆分的详细文档 Code Splitting In Webpack

我个人选择了第一个选项。它看起来很简单，并且与选项 2 做的事情有点相似，但只是方式更简单。

import static files using Webpack with copy-webpack-plugin