使用webpack --watch，在 [src/components/Main/] 内时不会拾取对 .pcss (PostCSS) 文件的更改。对 .js 文件的更改以及其他目录中的 .pcss 文件都会被很好地拾取。因为我的网络应用程序是同构的，ExtractTextPlugin用于将所有 CSS 压缩在一起并将其推送到单个文件中。

GitHub 上的完整代码。

这是在 macOS 10.12.X 上。

webpack.config.js：

包.json：

我使用 Webpack 3 得到这个输出，使用ModuleConcatenationPlugin：

Webpack自己的文件（(webpack)/buildin/global.js）防止串联？

src/index.js看起来像这样：

Webpack 正在输出类似

这multi条线上的 是什么意思？

我的 React 测试脚本有一个小问题，我最终使用以下命令升级了我的 npm

我认为这不仅升级npm（到 5.3.0）而且webpack（到 3.4.1）、extract-text-webpack-plugin（到 3.0.0）和每个npm包。

理想情况下，这应该已经解决了所有问题，但是我在使用webpack构建代码时遇到了以下错误：

在谷歌上找不到任何解决方案......如果有人能指出我正确的方向会很棒......

Package.json这是我的包 json 文件。我已经在我的应用程序中安装了 npm install --save-dev babel-loader babel-core /* Package.json*/

.babelrc这是我的 babelrc 文件。我也通过这段代码配置了它 - /*.babelrc */

webpack.config.js这是我的 webpack 配置 js 文件。我也配置了模块并进行了测试，但它不起作用。

/webconfig.js代码/

应用程序.js

编译错误

我真的很喜欢这个将前端与后端分离的样板背后的概念。我正在尝试从 WebPack 开始更新整个样板。样板中包含的版本是 WebPack 1。我尝试将其升级到版本 3。

显然，我只需要将其升级到版本 2，因为升级到版本 3 很顺利，并且仅通过更新 WebPack 通过命令行完成。我当然主要遵循官方指南和其他一些单独的资源来尝试修改 webpack.config.js文件。我最终得到了以下webpack.config.js文件：

仍然当我从客户端运行 npm start 时，我收到以下错误：

这是来自 npm 的调试文件。

我非常感谢在这个问题上提供任何帮助。

问题

其他一切都相同，我的最终页面的 CSS 结果不同。prod 版本缺少正确的 flexbox 对齐，如下面的比较所示：

开发

产品

该问题是由 PurifyCSSPlugin 引起的。我不知道如何配置它仍然清理css的正确部分，保留我真正需要的部分？

任何帮助，将不胜感激。完整的代码可在此处获得。

研究至今

2017 年 8 月 21 日更新：

在生产版本中，以下类缺少 css

• 字幕

  标题：不（.is-spaced）+ .subtitle { 边距顶部：-1.5rem; }

• 列

  @media screen and (min-width: 769px), print .columns:not(.is-desktop) { display: flex; }

设置

我使用 webpack-3 和bulma来制作网页。我定义了两个脚本任务来构建我的应用程序 1. 在开发中和 2. 用于生产。

在我的 webpack 配置中，我根据 NODE_ENV 变量在两种配置之间切换以进行 css 处理。配置如下所示：

此外，我禁用了 ExtractTextPlugin 进行开发。

控制台内显示的唯一值得注意的信息是以下弃用警告：

我正在使用webpack 3& 尝试使用string replace loader。

此代码用于 webpack1.X

我也试过这个：

我需要做些什么来确保这个加载器在 webpack 3 中工作。没有错误，但目标文件中的字符串没有被替换。

I am trying to update my webpack conf from v1.13 to 3.5 but i cannot and i do not know what is wrong, i have been following this link (https://webpack.js.org/guides/migrating/) but i still have errors

webpack.server.js

webpack.client.js

webpack.common.js

Package.json

The error is this:

Any idea what is wrong?

我尝试基于 webpack 运行我的应用程序，但在第一次运行时出现错误。

我明白原因，但不明白我该如何解决。我在网络中发现了很多类似的问题，其中很多都是“sum plugins”的原因。我只安装了一个，无法为他找到解决方案。请帮忙。

先感谢您。

命令我运行的内容：

我的 webpack.config.file：

包.json：

我明白原因，但不明白我该如何解决。我在网络中发现了很多类似的问题，其中很多都是“sum plugins”的原因。我只安装了一个，无法为他找到解决方案。请帮忙。

先感谢您。