问题标签 [raw-loader]

我真的希望我能够使用 webpack 加载包含使用raw-loader. -不幸的是，它在第​​一行的 's 处失败 ： -----BEGIN CERTIFICATE-----.
作为测试，我删除了第一个-----，然后它在 " " （空格）字符处失败。

似乎比使用fs和回调更简单的解决方案。

为了澄清，我希望能够做到这一点：

下面是我的指令片段，在没有使用 webpack 之前，我使用了 templateUrl 版本，工作正常。我还包括了我的 webpack.config 文件。我似乎无法弄清楚这一点。

运行 Webpack 命令会导致此错误，我知道它试图访问错误目录中的文件，但我尝试了 dir 路径的几种变体，但均未成功：

这是 mywebpack 配置文件：

我使用 webpack 来配置我的 angular2 应用程序包。

我使用 sass 来设计页面。

为组件样式解析 sass 的 loader 链是：raw!sass

当我将它用于开发而不进行缩小时，它工作得很好。

当我使用 UglifyJS 插件时，它破坏了设计，我看到它改变了导入的 css 类的类位置。

我的组件：

我的 webpack 样式配置：

scss 文件：

当我使用 UglifyJS 时，它会弄乱来自物化库的类的顺序。

如果我编译 scss 文件并需要 css 文件，它工作得很好，但是如果我更改_colors.scss文件中的某些内容，我将需要自己编译 scss 文件，因为 webpack 不知道要查找它。

谁能帮我？谢谢！

所以我想用 webpack 做一个非常简单的任务。

我有一些静态 HTML 模板，例如

测试.html

我要做的就是返回模板内的字符串，例如

with 应该返回一个字符串，如：

但相反，它返回以下字符串

我尝试了几个模块，比如 raw-loader 和 html-loader。而且它们的行为方式相同。所以我查看了源代码，只是为了发现它应该以这种方式运行。

那么，如果我只想要原始 HTML，我到底应该怎么做呢？仅删除前置的“module.exports =”字符串是一种不好的做法吗？从捆绑编辑中：删除“modules.export =”部分会导致捆绑不返回任何内容：/

我的配置

我正在尝试将 ES6 与 webpack 一起使用。它可以用于 javascript 模块导入/导出，但我无法让 raw-loader 工作。

这是我打算在我的源文件中做的事情

template.html 文件中包含原始 HTML。

当我启动 webpack 时，代码是这样生成的：

它应该只是"hello\n <div>..."应该导出的字符串。

对此有什么帮助吗？我真的不明白该怎么做。

有人知道 webpack 中原始加载器与 url 加载器之间的区别吗？url 加载器是否与 raw 一样，除了以特定文件大小回退到文件加载器？

使用 webpack ^v2.2.1，除了“正常”导入相同的模块之外，我还想将 TypeScript 模块作为文本导入。

我想我可能应该使用raw-loader。但这行不通。

一些示例代码：

TypeScript 对我大喊大叫，比如

我正在使用ts-loader。

这是我的webpack.config.js：

编辑2：问题不在于webpack，而在于打字稿。在名为 *.d.ts 的单独声明文件中将“*.md”声明为模块

编辑：确认问题不在于 webpack 本身，因为我得到了以下工作：

尝试加载文本文件以呈现客户端。

我正在遵循 raw-loader 的说明： https ://webpack.js.org/loaders/raw-loader/

我也在使用 TypeScript。

我的 webpack 配置：

但我得到的只是：

我错过了什么？谢谢！

我正在开发 2 个 Angular 2 库：

1. carbonldp-工作台
2. carbonldp面板

项目2（面板）：

是正在导出的组件和模块的集合。这些组件有自己的模板和 scss 文件。该库是用 Typescript 编写的，但dist正在编译文件，因此该库作为一个npm包提供，其中包含其自己的.js文件.metadata.json及其.d.ts文件。

项目 1（工作台）

是主要项目。它使用Project2，所以它可以工作。这个项目使用 Webpack 来打包最终的应用程序。问题是我无法让 webpack 与 Project2 (Panel) 一起工作，因为主项目是用 typescript 编写的，而 panel 仅使用 javascript 文件导入。我从 webapack 得到的错误是无法找到 Project2 中的所有模板文件。见下文：

这就是最终 app.js 捆绑Project2库的方式，请注意来自Project2的头组件是如何导入模板文件的：

并注意 webpack 如何从主项目Project1（用 ts 编写）导入模板和样式文件：

这就是我在webpack.config.js文件中定义解析扩展名的规则的方式：

这里的问题是......我怎样才能让 Webpack 也编译我的 Angular js 库的导入？

我目前被困在一个地方，我需要以 HTTPS 模式启动 NodeJS 服务器，并且需要读取证书文件以便将它们作为https.createServer(options, app).listen(8443)命令中的选项提供。我很难掌握如何将文件读入使用 Webpack 2 捆绑的 TypeScript 文件。例如，

我有 2 个文件 file.crt 和 file.key。我想在创建 https 服务器并开始侦听给定端口时读取这些文件。在常规的 TS/JS 领域，我可以这样做：

```

但是，当 webpack 2 构建包时，这些文件并没有被引入，所以当 node 启动时它找不到它们。好的，我明白了，但我读到原始加载程序可以解决这个问题，所以我想我会试一试。

这是我的 webpack 配置文件：

我认为，这意味着可以扫描项目，当您找到任何带有 .crt 的文件时，然后将它们与源映射捆绑为 utf8 字符串。我所要做的就是import crtfile from 'file.crt'就像 raw-loader doc states 一样，但是，typescript 现在甚至无法编译文件，说明它无法归档模块 file.crt。请帮忙！！我撞墙了。