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

【问题标题】：import static files using Webpack with copy-webpack-plugin使用带有 copy-webpack-plugin 的 Webpack 导入静态文件
【发布时间】：2018-01-18 12:48:10
【问题描述】：

我当前的 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:

【问题讨论】：

标签： javascript webpack webpack-2

【解决方案1】：

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

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

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

【讨论】：