问题标签 [extracttextwebpackplugin]
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.
css - ExtractTextPlugin 可以与 `ts-loader` 一起使用吗？
我一直ts-loader在 Webpack 中使用。我还想ExtractTextPlugin结合使用css-loader来捆绑 CSS。但是，当与它一起使用时，ExtractTextPlugin似乎被忽略或覆盖。ts-loader我在下面包含了一个示例 webpack.config.js。有可能解决这个问题吗？
更新
当出现 TypeScript 错误时，似乎ExtractTextPlugin不会在此上下文中运行。这可以通过修复这些错误来解决。一个不太优雅的解决方案是将导入样式的文件更改.ts为.js. 这会将其从 TypeScript 中删除，因此错误不会阻止ExtractTextPlugin运行。
reactjs - 使用带有提取文本插件的 css 模块
Webpack 2 构建在生产模式下使用 css-loader 中的 css modules 选项和 extract-text-webpack-plugin 无法正常工作。
正确生成的类是在 html 元素上创建的，这意味着 css-loader 正在按预期工作，但是从 extract-text-webpack-plugin 提取的 css 文件缺少 css 标识符。
我正在使用一种方法来同时实现全局 css 和 css 模块，如此处所述： https://github.com/css-modules/css-modules/pull/65 和此处：https : //github.com/kitze /custom-react-scripts/issues/29。
我对以 .css 结尾的文件和以 .cssm.css 结尾的文件使用不同的加载器测试，表明它们应该使用模块加载。
配置的相关部分：
我已经尝试过建议的解决方案，例如使用 webpack 1 风格的编写加载器，但这并没有帮助。
我正在使用 webpack 版本：2.6.1 和 extract-text-webpack-plugin：2.1.2。
我还尝试了其他版本，但似乎也没有帮助。
我的全局 css 文件工作正常，只有导入的 .cssm.css 文件在与 extract-text-webpack-plugin 一起使用时被忽略。
如何解决 css 模块文件无法与其他全局 css 正确提取的问题？
webpack-2 - webpack：用于启动画面的内联 css（折叠 css 之上）
我试图弄清楚为什么 css 段不会运行'style-ext-html-webpack-plugin'。
目前我有一个.CSS包含初始屏幕规则的文件。
它是使用提取'extract-text-webpack-plugin'并注入模板的<head>with 'extract-text-webpack-plugin'。
问题是，该文件永远不会运行'style-ext-html-webpack-plugin'，我不知道如何调试它。
（理想情况下，我想要一个.SCSS文件，以便它可以通过.env文件进行主题化。即：在注入一些主题颜色之后splash.scss专门提取和内联）<head>
webpack.config.js:
index.js:
webpack - webpack编译成功但提取文本插件没有导出内容
这是我的 webpack 配置：
并且 webpack 编译成功
但是我找不到 dist.css 文件，在 Everything 软件搜索结果中也找不到。
在此之前唯一奇怪的是 webpack 错误说找不到提取文本插件的模块，但是我在本地使用 npm install 安装后，它就解决了。
webpack 的其他部分工作正常，即使是现在，当我修改 js 时，它会重新加载以显示正确的 js 文件的页面。
谢谢如果有人可以帮助我。
webpack - 如何使用 webpack 和 extract-text-webpack-plugin 将 scss 文件编译为 css
我创建了一个带有 angular material2 组件的 angular2 项目。现在我想自定义我的主题，所以我使用了webpack模块，因为这将从所有 scss 文件中创建一个文件，所以我习惯于extract-text-webpack-plugin创建单个文件。
这是我的webpack.config.js
这是我的 package.json 中的脚本
和运行的命令
但这显示
问题出在entry，但无法解决？问题是什么？我错过了什么吗？
已编辑
我在 src/assets/theme/中缺少index.js 。这是这个文件的内容
并安装css-loader和sass-loader。
为了改变这个工作
而不是 CSS 和 sass 到 css-loader 和 sass-loader。
问题是，它是从 /dist/main.css 文件中的所有 sccss 文件创建一个文件。如何为每个 scss 文件创建单独的文件？
heroku - Webpack 错误“Chunk.entry 已被删除。在 Heroku 上使用 hasRuntime()”
在尝试将项目部署到 Heroku 时运行 webpack 时出现构建错误（并且只有这样）：
它在本地对我来说很好用，只是在 Heroku dyno 上失败了。当我开始在我的构建中使用 HTMLWebpackPlugin 时，它似乎已经开始失败，并且错误消息似乎指向该模块（如您所见）。谷歌搜索错误会给出一堆结果，但它们似乎都归结为这个问题。该问题被extract-text-webpack-plugin认为是罪魁祸首，但评论都已过时，并且建议（安装插件的 beta 或 rc3 版本）不起作用，因为 extract-text-webpack-plugin 现在似乎已经通过了。据我所知，HTMLWebpackPlugin 根本不依赖于 extract-text-webpack-plugin。
编辑： Heroku 安装使用 webpack@2.6.1，我在本地使用 2.5.1，但在本地手动更改为 2.6.1 仍然无法重现它。
package.json编辑 2： 显式增加我对 to的依赖^2.7.0似乎让 Heroku 很高兴
javascript - Webpack 抛出 TypeError: Super expression must be null or a function, not undefined 在导入 LESS 文件时
我在文件中有以下内容initialize.js：
在webpack.config.js我有：
我尝试删除插件和 的内容application.less，但我不断收到此错误：
如果我用一个文件替换该LESS文件CSS并更新配置它工作正常，所以我猜这个问题与less-loader有关。
我正在使用 Webpack 3.4.1、 Style Loader 0.18.2、 LESS Loader 4.0.5、 Extract Text Webpack Plugin3.0.0和 CSS Loader css-loader。
webpack - 构建后Webpack 3 sass加载器错误
我正在使用最新版本的 webpack 3.4.1，使用 sass 加载器并提取文本插件以从 sass 源生成静态 css 文件。它在我的开发服务器上加载正常，我可以看到 css 文件，但收到控制台错误“Uncaught SyntaxError: Unexpected token”，它指向第一行的 css 文件@body {color:#000}。
我的 webpack 配置如下。非常感谢任何帮助。
node.js - npm 升级后 Webpack 未构建
我的 React 测试脚本有一个小问题，我最终使用以下命令升级了我的 npm
我认为这不仅升级npm（到 5.3.0）而且webpack（到 3.4.1）、extract-text-webpack-plugin（到 3.0.0）和每个npm包。
理想情况下，这应该已经解决了所有问题，但是我在使用webpack构建代码时遇到了以下错误：
在谷歌上找不到任何解决方案......如果有人能指出我正确的方向会很棒......
webpack - Webpack 2：从结果中排除 css 条目
我想用 webpack 编译 scss 和 js。但是，只要我将它与 Symfony 3 一起使用，其中只有前端的某些页面使用 javascript 组件，我想将 css 编译为独立文件并使用老式<link href="style.css">而不是将 (s)css 导入到 javascript 模块中。
我设法用以下webpack.config.js我应该生产的js/script.js和来做到这一点css/style.css。它有效，但它也产生js/style.js了我不需要也不想要的东西。我想问题是条目“样式”也会产生输出 JS，即使它是由 ExtractTextPlugin 处理的，但是如何告诉 webpack 不要为条目产生 javascript 输出呢？
我还尝试不使用多个入口点，并使用 index.js 将 main.scss 添加到一个入口点列表中。它当然没有产生额外的文件，但是转译的 script.js 包含对 main.scss 的引用，这是我不想要的。我想要一个完全独立于脚本来管理样式的纯解决方案。