问题标签 [extract-text-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.
webpack - 从反应组件库中提取 css
我已经创建了反应组件库，并且我在组件库中使用样式加载器
但是在我使用该库的地方，我需要一个文件中的 css。有没有办法用提取文本插件做到这一点？
reactjs - 在 create-react-app 中开发 css 的最佳方法是什么？
我想知道如何在未提取的 create-react-app 中方便地开发 css 样式。我刚刚使用官方自述文件说明配置了 scss，但该项目似乎有一堆 css 和 scss 文件。我想要类似 extract-text-plugin 的东西来进行反应或其他方便的构建 css 的方式。
顺便说一句，我最喜欢在 css 模块中使用 less 并将内置样式提取到单个 css 文件中。
webpack - webpack 使用 extract-text-webpack-plugin 将 css 提取到单独的文件中
我正在尝试.css使用 webpack 将所有内容提取到一个单独的文件中。为此，我正在使用xtract-text-webpack-plugin.
出于某种原因，我在运行 webpack 后没有得到任何文件。
这是我的 webpack.config 文件
这是我在控制台中得到的输出
我的 wwwroot 文件夹中没有.css文件。知道为什么会这样吗？
这是package.json文件
谢谢！
javascript - Webpack 3 - ExtractTextPlugin - localIdentName 不适用于 node_modules 中的组件
我有一个使用 的 Webpack 3 设置ExtractTextPlugin，并且localIdentName不适用于从 生成的 CSS 类node_modules，特别是从react-spinkit包生成的 CSS 类。
我正在使用<Spinner />来自 的组件react-spinkit，它正在生成以下 CSS 类：
您会看到模块导入的类显然没有localIdentName应用散列。
ExtractTextPlugin似乎正在正确生成类名，如我的app.css输出文件中所示：
Webpack 总是让我每次使用它时都了解它是如何工作的。这是我的配置文件：
感谢您提前输入！
webpack-2 - 我可以使用入口点只输出一个 css 文件吗？
我正在尝试找到一种仅输出.css文件而不是带有.js文件的文件的方法。我似乎找不到一种自动化的方法来处理这个问题。
示例（简化）
因为我想[chunkname]用于缓存目的，所以我不能将 附加global.scss到app条目中。
关于如何不为条目输出.js文件的任何想法？styles
webpack - webpack编译成功但提取文本插件没有导出内容
这是我的 webpack 配置：
并且 webpack 编译成功
但是我找不到 dist.css 文件，在 Everything 软件搜索结果中也找不到。
在此之前唯一奇怪的是 webpack 错误说找不到提取文本插件的模块，但是我在本地使用 npm install 安装后，它就解决了。
webpack 的其他部分工作正常，即使是现在，当我修改 js 时，它会重新加载以显示正确的 js 文件的页面。
谢谢如果有人可以帮助我。
webpack - Webpack：提取供应商块中断动态导入（）
我希望能够在我的一个条目块（称为“供应商”）中导入 CSS，并使用 ExtractTextPlugin 将其提取到“vendor.css”文件中。
同时，我还寻求能够在动态导入的块中导入任意 CSS（使用 ES6 的import()函数）。
我不能让两者都工作：
我的 vendor.ts（入口块之一）如下所示：
构建后 vendor.css 仅包含 bootstrap 的 CSS，但不包含 font-awesome 的。如果我改为简化配置以将 ExtractTextPlugin 用于除 Angular 4 组件之外的所有内容，我将无法再在代码中动态导入供应商库：
使用该配置类似于
我动态导入的内容不起作用，在浏览器中打开我的网站时出现异常。
我的配置有什么问题？
谢谢。
更新：好的，显然它与 ExtractTextPlugin 中的错误有关：https ://github.com/webpack-contrib/extract-text-webpack-plugin/issues/456
webpack - CSS 已加载但未通过 webpack 应用
我目前正在设置我的 webpack 以将所有文件提取.css到.scss1 个大文件中，这是通过使用extract-text-webpack-plugin. 我可以看到该文件已正确编译并包含在 html 中（使用 创建html-webpack-plugin）。但由于某种原因，css 并未应用于实际页面。
入口
规则
插件
HTML 输出
webpack - 构建后Webpack 3 sass加载器错误
我正在使用最新版本的 webpack 3.4.1，使用 sass 加载器并提取文本插件以从 sass 源生成静态 css 文件。它在我的开发服务器上加载正常，我可以看到 css 文件，但收到控制台错误“Uncaught SyntaxError: Unexpected token”，它指向第一行的 css 文件@body {color:#000}。
我的 webpack 配置如下。非常感谢任何帮助。
webpack - 创建 webpack 插件或加载器以注入 CSS 文件
我正在编写一个库，您可以使用它将 React 应用程序呈现为 Web 组件。像这样：
你可以看到有一个选项{ css: 'inject' }。要使用 CSS 创建 Web 组件，我需要将<link>标签添加到 shadow dom。这发生在我的图书馆内。
虚拟代码：
现在我当然不想附加字符串'inject'。相反，我想编写一个 Webpackplugin或者获取由extract-text-webpack-pluginloader生成的 CSS 文件并在有. 所以从<link>'inject'
我想生成这个
我认为替换部分可以很容易地完成RegEx，但是我很困扰如何获取 CSS 文件名以及如何转换 JS 文件。