问题标签 [webpack-plugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
643 浏览

angular - Webpack DllBundlesPlugin 找不到模块“primeng”

我有一个 Angular2 (4.0.0-rc.2) 应用程序,其 Webpack 配置为使用 HMR 功能,我也使用 webpack-dll-bundles-plugin 在开发环境中制作 dll,我想使用 PrimeNG 组件。所以我需要将primeng包作为DllBundlesPlugin中的供应商依赖项,但是当我将'primeng'添加到供应商捆绑包中时,webpack编译失败并出现以下错误:

我的配置如下:

我也试过'primeng/primeng',但后来我得到:

那么,是否有可能以某种方式将 DllBundlesPlugin 与 PrimeNG 一起使用?

0 投票
1 回答
1170 浏览

svg - 如何在`svgo`中解析具有未引用属性的svgs?

当使用svgo或作为 webpack 加载器 ( svgo-loader ) 或插件 ( imagemin ) 的一部分进行解析时,它们都使用 svgo,如果你的 svg 具有不带引号的属性,例如:

错误:Error in parsing SVG: Unquoted attribute value发出。

可以在所有这些中使用带有未引用属性的 svg 吗?

0 投票
2 回答
7186 浏览

javascript - 未找到 Webpack 优化构造函数

我正在 Windows 开发系统上测试 webpack 和 node.js。我有这个脚本'webpack.config.js'

当我使用生产标签调用 webpack 时,我收到以下错误:

但是,当我console.log(require('webpack'));在 cmd 中从节点控制台运行时,它显示我已经安装了 webpack,并且优化功能和方法可用。

任何帮助表示赞赏!如果有帮助,这里是项目的链接。 https://github.com/russellsean/nodejsTest

0 投票
2 回答
1399 浏览

javascript - webpack插件用另一个函数替换一个函数

我正在尝试创建一个 webpack 插件,它将解析某个函数的代码并将其替换为另一个函数,该插件还将新函数公开为全局。

更新/改写

我在这里有一个问题,当compiler.parser.plugin('call getValue', function someNameHandler(expr) {...}注释块时,该ngt函数作为全局存在。

当它没有被评论时,我得到一个错误,ngt 是未定义的。

评论我的意思是/**/

我找到了一个解决方法,但它的想法远非如此。现在我要做的是导出一个匿名函数来做我想做的事。

你可以在这里看到插件: Github

0 投票
0 回答
273 浏览

webpack - Webpack handlebars-loader 挂起网站

我正在尝试加载 handlebars-loader enter code here,但我的应用程序挂起。它加载app.bundle.js但不执行任何其他脚本。控制台没有输出。

当我尝试handlebars通过插件加载时:

我已经handlevars定义但webpack在编译后给出了错误:

如何handlebars通过 webpack 加载?

0 投票
1 回答
70 浏览

internationalization - webpack2 i18n-plugin 如何决定要加载的包

我有一个可以生成 i18n 包的工作 webpack 配置。我正在使用 i18n-webpack-plugin。我的网站是一个静态网站。我可以看到生成为 [language].[name].bundle.js 的包。例如:“de.login.bundle.js”、“en.login.bundle.js”。

现在在我的登录 html 页面中,我如何决定要加载哪些捆绑包?我将为我的用户提供语言选择选项,例如在顶部导航栏中。一旦用户选择了它,我如何加载适当的语言包?

0 投票
0 回答
70 浏览

npm - Webpack 设置以允许 LESS 覆盖在导入的 NPM 模块中生效

我正在开发一个使用 webpack 捆绑的应用程序。该应用程序由托管在私有 NPM 注册表中的多个 NPM 模块构建而成。其中一些模块从Bootstrap导入 LESS 变量:

当模块被编译时,这个 LESS 代码被编译成 CSS 并与模块的 JavaScript 文件捆绑在一起(使用less-loader)。

这很好用,除非我的主应用程序在其自己的 LESS 文件中覆盖了 Bootstrap 的默认样式:

这些覆盖适用于在我的应用程序中直接定义的样式,因为模块中定义的任何样式都已预编译为 CSS。因此,模块中定义的任何组件都不会反映我的主应用程序中定义的覆盖。

这是对该问题的更直观的解释:

两个具有不同背景颜色的红色方块

如何为我的 NPM 模块和我的 Web 应用程序设置我的 webpack 构建,以允许适用于导入模块的应用程序级 LESS 覆盖?

0 投票
0 回答
650 浏览

webpack - 如何在 webpack 2 中添加预处理加载器

我正在尝试在我的 webpack 3 中添加预处理加载器。我已成功安装它。但它不起作用这是我的网络配置文件

这是我的 package.json

在我的 index.html 下方。我正在关注这个 github阅读我

0 投票
1 回答
550 浏览

javascript - Webpack 插件 - 何时调用 doResolve 以及何时回调?

每个 webpack 解析插件都遵循以下结构:

谁能解释一下我什么时候应该打电话doResolve和什么时候回电。我在 webpack 文档中找到了这个短语:

要将请求传递给其他解析插件,请使用 this.doResolve(types: String|String[], request: Request, callback) 方法

但是,我不知道该怎么做。似乎doResolve从一开始就开始了这个过程。以下是堆栈的样子doResolve

在此处输入图像描述

你可以看到阶段从一开始就开始了。为什么?

0 投票
1 回答
1763 浏览

javascript - 在 Webpack 中,如何通过单个条目 main.js(在文件中有多个 css 文件)获得多个输出?

我的目录结构应该是这样的。

我的 main.js 文件包含,

我的切入点是

1.我怎样才能得到块的输出(xx.css,yy.css,zz.css)?2.在那里尝试了extractTextPlugin,我能够以app.css的名义获得输出,但不是我想要的。哪个插件可以尝试提取与 main.js 文件中相同名称和输入数量的输出?