我目前正在使用 webpack 原始加载器来加载文件，如下所示：

我将它与 Vue.js 一起使用，我想创建一个方法、混合器或插件来自动解析到我的公共路径。

如何使原始加载程序从项目的根目录开始，而不是建立相对路径？

我有一本 React 故事书以及如何将它用作我的测试用例

我有一个导入所有故事的“loader.js”

我使用raw-loaderandsourceMap来显示故事书中元素的来源

这很好用。

我的问题是当我尝试使用 Jest 导入时

测试文件

谢谢你的帮助

更新

作为测试的更新和工作stroybook在项目react-outline上实现

你可以clone（react-outline），npm install然后npm test看看它的实际效果。

这是travis 的输出:)

我正在尝试使用 raw-loader 在 Vue 组件中显示原始 svg。但是，无论我做什么，svg 总是内联的。这是我的代码：

我知道这是由于vue-cliwebpack 的配置webpack.base.conf.js：

如果我附加?raw到原始文件，我尝试添加一个新的加载器规则来加载它们，但这也不起作用：

我在用着：

• vue-cli@2.9.2
• vue@2.5.2

我正在构建一个文档站点，我想在其中显示演示代码片段。

有了这些样式，它真的很简单，因为我的应用程序只包含main.scss，所以我正在使用所有必要的加载器来处理该文件以编译它，并且使用 加载任何其他 scss 文件raw-loader以将文件作为纯文本获取.

我遇到的问题是对我的组件做同样的事情。与我的样式不同，当我想使用 渲染它们时，我需要包含我的组件babel-loader，但我也想将它们作为纯文本导入演示展示。

起初我想在需要级别使用内联加载程序进行妥协

这种方法的问题在于，当我尝试执行此导入时，该文件已经运行完毕，babel-loader因此我得到的是文件的编译版本而不是原始版本。我尝试将?enforce=pre查询参数作为查询参数传递给raw-loader内联，但这没有效果。

我想知道是否有一种方法可以定义规则来覆盖 import/require 语句。

根据 webpack 文档

可以通过在整个规则前面加上 . 来覆盖配置中的任何加载器!。

但是，我找不到任何这样的例子。我尝试了以下方法，它编译但在第一个!前缀 require 之后立即崩溃，没有任何错误

webpack.coconfig.js

文件.jsx

我还考虑过使用读取文件，fs但不确定这是否可行。最后，代码将由 webpack 完整编译，并且只会发布捆绑包。这是正确的方法吗？

我目前正在使用raw-loader.

webpack.config.dev.js

除了设置渲染器映射外，Page组件还应从其 props 中读取路径并将其委托给ReactMarkdown. 这里源被硬编码为page/example.md.

src/components/page.js

src/index.js

如何在安装时动态原始加载通过道具的路径Page？

rawloader 用于读取 webpack 中的文件。假设我们要读取已经由另一个加载器处理的文件的内容。我们可以使用 rawloader（或任何其他技术）来做到这一点吗？

假设 .myext 有一个返回对象的加载器。但同时我想读取该文件的内容。有没有简单的方法？

我想用 raw-loader 将 .js 文件作为字符串导入，但是 .js 文件是用 ES6 模块编写的，我想在通过 raw-loader 导入之前用 babel 和 webpack 编译和捆绑文件。

在我的代码中，我想使用如下：

任何人都可以提供帮助吗？

我面临的问题是 Firefox 不支持#数据 URI 中的字符。Chrome 或 Safari 对此完全没问题。

我们的 UI 人员使用了大量的 SVG 内联，这些都包含数据 URIS

例如在scss文件中：

并在html文件中：

并且有 100 个这样的示例，但这些示例在 Firefox 中都不起作用，因为它们具有#字符，我收到以下错误

但是当我们尝试%23替换该字符时，SVG 会正确加载。

我怎样才能自动化构建，以便这些得到 url 编码。

字符串替换必须非常具体，并且只需要img在 htmlurl('data:image/svg+xml;utf8中的标签和较少的文件中进行。

这就是我正在考虑做的事情：如果用 webpack 更难做，找到所有stroke="# 并替换为stroke='%23和相同的东西fill

我正在一个网站上显示有关一项运动的基本信息。我将（小）规则手册保存为rulebook.md. 我的项目正在使用 webpack 和最新的 vue-cli 和 yarn。

要导入我使用的规则手册raw-loader，并将内容传递给一个名为 Vue 的组件markdown，该组件需要 markdown 并使用showdown模块对其进行格式化。

@/components/Markdown.vue

@/views/punchies/Rulebook.vue

我试图设置showdown使用换行符并告诉 CSS 呈现换行符。只需执行console.log(source)即可显示规则手册，其中没有任何换行符。在搜索此问题后，raw-loadergithub 显示了一个问题，其中解释说raw-loader确实保留了换行符。

在我的 Angular 项目中，如果我们使用该应用程序，如果我们使用raw-loader@1.0.0. 而如果我们使用 version 2.0.0，应用程序将无法正常工作。版本 1.0.0 和 2.0.0 之间有什么区别？

webpack.config.ts