问题标签 [webpack-loader]

我想将 django 生成的 html 页面中的变量导入到我的 App.vue 组件中。

我的目标是传递一个字符串，它代表用户 AuthGroup，例如。'milkman','hairdresser'或'supplier'

错误消息如下所示：

模块解析失败：意外令牌 (1:1)

您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来 > 处理此文件。见https://webpack.js.org/concepts#loaders {% extends 'base.html' %} | {% 从 webpack_loader 加载 render_bundle %} | {% 加载导航标签 %}

前端.html

我不知道如何修改 webpack 或找到将变量从 django 导入 vue 项目的方法。仅供参考：vue 项目是大型 Django 环境的一小部分。

我创建了一个 webpack 项目。因为我的项目在我的机器上运行，但是在我所有在他们的机器上安装了 ubuntu 的队友笔记本电脑中（我的是 zorin - 基于 ubuntu 的发行版），如果他在项目中使用图像，则开发服务器会抛出以下错误. 但是我可以在我的机器上的同一个项目中使用图像。我无法弄清楚问题是什么。

这是我的代码

使用 webpack 捆绑 web 应用程序时，我需要将一些 3rd 方脚本注册到全局（即window）命名空间，脚本加载器似乎是为此Webpack 设计的 - 如何将非模块脚本加载到全局范围内 | 窗口。

但是，它有一个很大的缺点，生成的代码使用eval.call不符合大多数 CSP 安全准则，因此强烈建议不要在生产中使用它。是否有任何替代的 webpack 加载器可以用来在没有 XSS 漏洞的情况下实现相同的目的？

_{GitHub 项目https://github.com/webpack-contrib/script-loader也已经存档}

使用需要转换每个文件的源代码并根据所有这些文件中的数据发出单个文件的 Webpack 加载器。查看 webpack 文档，我不太确定加载器是否可以/应该处理这样的事情，或者 webpack 插件是否更适合我的用例。

我this.emitFile在 webpack 加载器的 api 文档中看到，所以我想我可以this.data在加载器的音高阶段从对象中的每个文件收集数据，并在最终音高上发出文件。这感觉像是一种黑客行为。

有没有更好的方法来使用 webpack 加载器或者我应该创建一个 webpack 插件来代替？

所以我试图使用 Bulma 并得到一个 can't import _varibales.sass，我在我的 src 文件夹中。所以我以为是因为我没有配置 webpack 来支持 Sass。

因此，我按照本教程中的配置说明进行操作，但随后出现加载程序错误。这是我第一次使用原始 webpack 而不是 CRA。我这样做是因为我想更多地了解 Webpack 和 Babel。

我尝试过的另一件事是在配置中找到的 Webpackdart-sass配置。

我现在的错误是：

[webpack-cli] 配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化。

configuration.module.rules[2] 应该是以下之一： ["..." | 对象{编译器？，依赖？，descriptionData？，强制？，排除？，生成器？，包括？，发行者？，发行者层？，层？，加载器？，mimetype？，oneOf？，选项？，解析器？，realResource？，解析？，资源？，resourceFragment？，resourceQuery？，规则？，sideEffects？，测试？，类型？，使用？}, ...]

-> 一条规则。详细信息： * configuration.module.rules[2].loader 应该是一个非空字符串。

我的webpack.config.js样子是这样的：

我正在尝试将旧的 express 站点迁移到 webpack，但不想重做所有使用 express-handlebars 的布局模板。是否可以在 webpack 中使用 express-handlebars？

handlebars-loader 似乎不支持 express-handlebars 的布局概念，所以这里没有帮助。

没有导入测试代码。但是构建过程包括测试节点模块（chai、sinon、nise...）。

我在 vue.config.js 上添加了以下代码，以从构建中排除测试文件。(vue-cli-service 构建)

添加此代码后，我收到了这样的警告。

有没有任何解决方案可以在没有警告的情况下从构建中排除测试文件？

我正在构建一个自定义 Webpack 加载器。加载器做什么并不重要，但它以某种方式转换 JSON 并使用来自 JSON 的路径来解析某些其他细节。在我loader.js的情况下，我需要一种方法来获取正在加载的 JSON 文件的原始路径，以便我可以正确解析其他路径。

使用这个简单的加载器和配置：

加载器.js

webpack.config.js

加载器正在工作（正在使用），但我添加的任何业务逻辑都需要具有路径感知功能，以便它可以在文件系统上进行查找。

因为这是一个 JSON 加载器，所以source加载器函数中的 var 作为原始 JSON 内容传递，没有关于从哪个文件加载 JSON 的详细信息。如何从加载器中获取路径信息，以便我可以根据来自的内容执行其他文件查找source？

我正在使用 Nuxt.js，我想告诉 Webpackraw-loader为特定的文件扩展名 ( ) 使用特定的加载器 ( .pug)。根据文档，我应该使用添加自定义 webpack 规则build.extend，即：

但是，如果文件格式已经被内置规则匹配（如 .pug 的情况），这将不起作用。我的规则将被内置规则覆盖。

替换特定webpack 规则的推荐方法是什么？我目前笨拙地遍历所有现有规则以覆盖那些干扰我的规则的规则，如下所示：

有没有办法混合 esbuild-loader 和 ts-loader？这样所有.ts文件都使用 esbuild 编译 - 除非文件中有装饰器，否则文件使用 tsc 编译？