问题标签 [webpack-3]

我找不到解决方案。我正在使用 Reactstrap（CSS 框架）、React、Express 和 Webpack。

我成功在 index.jsx 上导入 App.jsx 文件。然后，我尝试使用相同的方式在 App.jsx 上导入 NavbarTemplate.jsx 文件。但是，它显示如下错误：

./client/src/components/App.jsx 中的错误模块未找到：错误：无法解析 '/Users/oprent1/v2/oprent-react/client/src/components' @ ./ 中的 'NavbarTemplate.jsx'客户端/src/components/App.jsx 11:22-51 @ ./client/src/index.jsx

我的配置有什么问题？我在下面提供了几个与此相关的文件：

webpack.config.js

索引.jsx

应用程序.jsx

导航栏模板.jsx

文件夹结构

我已经创建了一个我在我的 github 帐户上遇到的问题的演示。

我有一个带有两个入口点的 webpack 配置——“功能一”和“功能二”。“feature-one”包含一个 CSS 文件，该文件本身包含一个徽标：logo.svg.

当 webpack 运行此代码时，该logo.svg文件将包含在该dist/文件夹中。

在 webpack 的“发射”阶段，可以检查每个入口点的块。

一个Chunk类有一个files属性，它应该列出块中涉及的所有文件。检查时，我们可以看到feature-one.js并被feature-one.css引用，但logo.svg不是。

相反，一个Module类有一个fileDependencies属性，它列出了所有涉及的文件路径，这个列表 确实包括文件的（完全限定的路径）logo.svg。块中涉及的模块可以通过Chunk'modules属性访问。

这是示例的 webpack 输出：

我的期望是files块＃1（即功能一）的数组将包括logo.svg，但它没有。

我不确定发现特征的依赖关系图包含logo.svg文件的最合理或受支持的方法是什么，但最终这是我的目标——获取给定入口点的所有直接 + 传递资产依赖项的列表或块。

将包从 angular4 更新到 angular5.0 和 angular-svg-round-progressbar1.2.0 之后。它在浏览器控制台中引发错误

模块“AppModule”导入的意外值“RoundProgressModule”。
请添加 @NgModule 注释。

请参阅以下代码：

.html

.ts

app.module.ts

包.json

我是 react-router、express 和其他东西的新手。我一直在关注一些关于如何在 React 应用程序中刷新页面时防止“无法获取 URL”的教程。

我发现了很多关于这个问题的相关问答主题并尝试了一下。但是，不幸的是..它失败了。也许是因为 webpack 的版本已经升级到v3.5.5我现在使用的版本。

我尝试使用webpack-dev-server并将 historyApiFallback 属性放在 webpack 配置文件的 devServer 对象中。这也是一次失败。

所以，我会在下面提供一些配置文件。请检查并告诉我我做错了什么或者我应该做什么。

1) webpack.config.js

2) index.js/服务器文件

3) 包.json

当出现语法错误时，由于某种原因，它在控制台中显示为乱码，但在终端中却没有。在 webpack 中不使用任何额外的模块。尝试谷歌搜索，但找不到任何有同样问题的人。

使用 webpack 3.5.5

请看下面的区别：

When running webpack I am getting the following:

This is my config:

我正在尝试在充当代理 (proxyPass) 的 Apache vhost 后面设置一个 Web 应用程序，以添加 contextPath。当然，只有虚拟主机必须知道这个 contextPath。

一切都很好，除了未加载的背景图像。原因很简单：

SASS 图像 URL 是绝对的，不包含 contextPath。

如果最终 CSS 中生成的 URL 是相对的，则应该正确加载图像。

那么如何使用 SASS/Webpack 生成相对路径呢？

笔记：

无论我在 SASS 文件中使用的是绝对路径还是相对路径，最终输出始终是绝对的。我目前使用：

• 网络包 3
• 节点萨斯 4.5.3
• 萨斯加载器 6.0.6
• 提取文本 webpack 插件 3.0.0

我不使用任何文件加载器（我也尝试过，但什么也没做），只是复制 dist 目录中的所有图像。

我有一个src/styles/main.scss文件，我想将其转换为build/styles/main.css然后在index.html中使用它。

我一直在尝试使用文本提取器插件设置 webpack，但无法达到最终结果。

这是我的目录结构：

webpack.config.js

我是一个相当大的 ReactJS 项目的新手。在顶层，它没有通常的webpack.config.js`webpack.config.babel.js'。这个确实被使用了，我可以在运行时验证

被调用（通过npm runNODE_ENV=development 和 WEBPACK_CONFIG=server_dev²，但这并不重要）。

为什么呢？

a) 如果我删除那个 babel-config，我会得到一个正当的投诉，即：

配置文件可以在当前目录中命名为“webpack.config.js”。

b）相反，如果我添加自己的“几乎什么都不做webpack.config.js”确实是“规则”（webpack.config.babel.js不再使用）。

webpack.config.js因此，显然，如果缺少此文件，则会出现“不可见”的默认值。再一次，显然？，这个默认配置以某种方式迎合了 webpack 配置？通过什么方式？通过安装这些节点模块？

还是.babelrcwebpack 的标记文件？

有趣的是，这个项目，preact-www项目有同样的事情。（也不是原始的 webpack 配置，而是 webpack 的味道）。所以他们知道一些事情，我不...

我设法将我的 css 和较少的资源（从 javascript“导入”）编译到all-my-LESS|CSS，使用提取它们并将它们与toExtractTextPlugin合并在一起。MergeFilesPlugincombinedStyles.css

我缺少的一点：如何在此之上运行 cssnano（例如通过 postcss？）作为整理位？（哦，虽然我拥有内联源映射，但我没有设法生成外部combinedStyles.map文件）。

这是我的组合webpack.config.babel.js（忽略 babel 位，只是意味着，你可以用 ES6 编写它，使用更高级的 import 语句）：