问题标签 [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.
css - Webpack - 从 TypeScript 导入 Less 失败（css-loader）
我正在尝试通过 Webpack 使用 TypeScript 构建一个测试项目。只在index.ts中导入了index.ts文件和base.less（或 base.css）文件，它会因css-loader错误而失败。如果没有在 .ts 文件中导入 LESS (CSS) 文件，一切正常。
我有另一个只有 JS 的大项目（没有 TypeScript），它与相同的 webpack.config 文件（babel 而不是 ts 加载器）一起工作得很好。
Webpack@2.2.0
安装了所有需要的装载机。
webpack.config.js和Bitbucket 链接到测试项目
./~/css-loader/lib/css-base.js 中的错误模块构建失败：错误：最终加载程序没有返回缓冲区或字符串
webpack - 为 extract-text-webpack-plugin 配置源映射
当devtools配置选项设置为包含“source-map”的任何值（不仅是完全匹配）时，如何配置 extract-text-webpack-plugin 以生成源映射？
sass - webpack 2 + extract-text-webpack-plugin：解析错误
我正在尝试使用一些 scss 为我的项目制作 webpack 配置。其中一些来自根项目和一些我想从依赖项加载的 scss，例如从node_modules. 我遇到了一个奇怪的错误，如果我不包含node_modules在模块中，它会被构建，包括我在根项目中拥有的一些 scss。但是，如果我添加include: path.resolve(__dirname, 'node_modules')或任何其他文件夹（前一个不存在的文件夹）它会失败，但在根项目中的文件上而不是在node_modules它之前提取的相同文件中，没有错误。
这是 webpack 配置：
因此，如果我用它注释掉该行include但不包含node_modules，并且如果我不注释该行，我会收到错误：
Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type.在根项目中的所有 scss 文件中。
我究竟做错了什么？
webpack - 无法使用 Webpack 2.2.0 和 webpack-dev-server 2.2.1 进行 HMR（热模块替换）css/scss
版本
"extract-text-webpack-plugin": "^2.0.0-rc.2",
"webpack": "^2.2.0",
“webpack-dev-server”：“^2.2.1”
问题
"extract-text-webpack-plugin": "^1.0.1",
"webpack": "^1.14.0",
“webpack-dev-server”：“^1.16.2”
自从升级到版本 2 后不再能够 HMR css/scss，更改样式会触发更改（请参阅下面的输出示例）但我必须手动刷新页面以查看页面不会自动刷新的更改，如果我也进行更改 scss 文件后更改为 js 文件，然后将更改反映为 js 更改触发 HMR，其中还包括样式更改，但仅更改没有 js 更改的样式需要手动刷新页面。
如果我配置错误或我需要做什么才能使 css/scss HMR 工作，有什么想法吗？
我还在这里发布了问题：https ://github.com/webpack-contrib/extract-text-webpack-plugin/issues/384但不确定是 webpack-dev-server 问题还是 extract-text-webpack -plugin 问题或只是我做过的事情。
命令运行：
npm 运行开发
升级前的配置：
升级后的配置：
输出示例初始页面加载。
scss 更改后的输出样本。
您可以看到 main.css 的大小发生了变化，但在我按下 f5 之前页面从未刷新过
npm - 你可能需要一个合适的加载器来处理这个文件类型：Webpack 2
我已升级到 Webpack 2，但我的加载器出现问题。我的项目结构如下：
App.js 内部
在 webpack.config.js module.exports =
内部 webpack.config.js 插件
我在 package.json 中的生产脚本
但我得到这个错误：
我不知道为什么它找不到我的装载机。我已经重新安装了所有东西（css、sass、样式加载器），甚至把它们放在了开发和生产依赖部分。
webpack 2 和糟糕的文档似乎有很多问题。我在这里有什么遗漏吗？
css - 使用 ExtractTextPlugin 和 CommonsChunkPlugin 提取常用样式
我正在尝试从我的css相应wiki 部分中提取公共块。我知道此文档适用于webpack 1但webpack 2 似乎还没有相应的示例。我使用以下 webpack 配置：
我不明白为什么common.css在构建后不出现。只是common.js, foo.js,和. bar.js_ 我错过了什么吗？我是 webpack 的新手。foo.cssbar.css
谢谢。
javascript - extract-text-webpack-plugin - 如何创建哈希名称（仅在文件更改时才具有唯一名称）
我有以下问题，我正在使用：extract-text-webpack-plugin version 2.0.0-rc.2 in webpack 2，我注意到即使我只更改 JS 文件，css 文件的名称也会更改。
我的 webpack 配置中有以下内容：
new ExtractTextPlugin("[name].[hash].css")
我想为我的 CSS 文件使用长缓存，这意味着只有当文件 CSS 更改时，哈希才会不同。
我怎么能做到这一点，因为我的 JS 文件工作得很好
顺便说一句 - 这与 webpack 1 中的行为相同
谢谢
angular - Angular 2 在使用 ExtractTextPlugin 时抛出“cssText.replace 不是函数”
我有两个项目：Project A和Project B.
项目A
Webpack@2.2.1
Extract-text-webpack-plugin@2.0.0-rc.3
角 2.4.3
项目 B
- 角 2.4.3
Project B为Project A.
代码被编译（不捆绑）Project B到 dist 文件夹中，然后由Project Avia 使用npm link。
现在，webpack.common.js使用浏览器的设置ExtractTextPlugin会引发异常：
Angular 2 会抛出此异常，但仅在使用此插件时才会抛出。我这么说是因为如果我.css使用一切正常加载扩展程序raw-loader，但是当使用 ExtractTextPlugin 时，它就会中断。
有效的
webpack.config.js
输出：
无效（使用 ExtractTextPlugin）
webpack.config.js
输出：
抛出异常：
节点：6.2.0 操作系统：macOS Sierra (10.12.2)
css - 无法通过 Webpack 从 Vue 中提取 css 文件
我正在使用 Webpack 1.12.0 构建一个 Vue 组件。我的目标是为我的包创建一个[name].min.js文件和[name].min.css文件。
我尝试使用extract-text-webpack-plugin将 css 提取到单个文件并按照 Webpack 1.x 的说明进行操作：https ://vue-loader.vuejs.org/en/configurations/extract-css.html
这是我的webpack.base.conf.js文件：
这是我的webpack.prod.conf.js文件，用于创建上面的这 2 个文件：
我的文件夹结构是：
该[name].vue文件包含script.js,style.css和template.html
要运行的命令是
webpack --progress --hide-modules --config build/webpack.prod.conf.js
但是，当我运行这个命令时，只有[name].min.js和[name].min.js.map被创建。没有[name].min.css。我可以做些什么来创建 css 文件？
webpack-2 - 使用 webpack 2 编译/导出 sass
我以前使用过 Grunt 和 Gulp，所以 webpack 对我来说还是有点新。
现在我已经将 webpack 配置为成功地完美地捆绑了我的 javascript。我现在遇到的问题是捆绑我的 sass 并将结果输出到文件中。
我的理解是我必须使用extract-text-webpack-plugin将样式提取到自己的文件而不是内联 in <head>，但我不确定这部分。我希望为 sass 执行以下操作：
- 编译内容
src/main/stylesheets/**/*.scss - 将内容输出到单个文件
app/assets/stylesheets/bundle.css
我知道我可以使用 gulp/grunt 轻松实现这一点，但我正在尝试学习 webpack 如何做事。我webpack.config.babel.js的如下：
依赖关系package.json是否重要：