问题标签 [mini-css-extract-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.
vuejs2 - Nuxt - _nuxt 文件夹未提供自定义图标字体
我已成功使用webfonts-loader包为图标生成字体和类定义，但我的 nuxt 开发服务器不提供它。我脑子里有一个样式标签：
但是请求http://localhost:3010/myfont.woff2给出了 404。我在 2.0 之前（和 webpack 4 之前）的 nuxt 版本中工作，文件从http://localhost:3010/_nuxt/myfont.woff2. 当前也从那里提供字体，但是 font-face 声明中的路径是错误的。我想知道这里删除_nuxt了路径中的（必需的？）部分发生了什么变化。
在我的nuxt.config.js文件中，我有：
现在根据 webfonts-loader lib 上的示例，我需要使用MiniCssExtractPlugin.loader而不是vue-style-loader，但这不起作用。我在这里读到它是nuxt内部使用的，但我不知道如何在此处添加它。
希望有人知道在哪里看...
webpack - 如何从 Webpack 4 中的单个 JS 文件输出多个 CSS 文件？
在我的 js 文件“example.js”中，我想分别为桌面版和移动版网站导入两个 .scss 文件“example.scss”和“example.m.scss”。所以我需要三个输出——example.js、example.scss 和 example.m.scss。我如何在 Webpack 4 中实现它？
JS文件：
我当前的 Webpack 配置：
css - Webpack 4：mini-css-extract-plugin + 文件加载器不加载资产
我正在尝试移动我的一个.scss文件中使用的资产（图像和字体），但似乎它们被忽略了：
这是我的.scss文件：
这是我的webpack.config.js：
我在浏览器中得到这个.css文件作为输出（注意图像的名称）：
在我的public目录中，我得到了这个：
这里有两个问题：
- 字体未编译（没有 public/fonts/etc...）
- 图像未编译
我一直在尝试一切，但我不知道这里可能会发生什么......有什么想法吗？
javascript - 为什么不建议在开发中使用 webpack mini-css-extract-plugin？
从webpack mini-css-extract-plugin文档中建议：
这个插件应该只用在没有
style-loader加载器链的生产版本上，特别是如果你想HMR在development.
为什么不将它用于两者development并production构建而不是style-loader完全使用它？在某些方面我可以看到style-loader更容易调试？
webpack - Webpack：为某些端点提取 css
我有一个带有 sass 和 MiniCssExtractPlugin 的多端点 webpack 设置。一切正常，每个端点都提取了 css。
现在我正在寻找一种只为某些端点提取 css 的方法，而不是为其他端点提取 css。是否可以以某种方式指定它？
webpack-4 - webpack4 mini-css-extract-plugin 与波旁威士忌
我有我的 scss 文件，该文件导入了一个 scss 文件，该文件进一步导入了 bourbon 和 bourbon-neat。我什至在论坛上搜索了各种问题，但没有找到在 scsss 到 css 转换中的问题，案例是包括波旁威士忌。
webpack 4.28.1 mini-css-extract-plugin 0.5.0
我看到以下错误：
我的 webpack.config.js 文件在这里
请提出您宝贵的建议。
webpack - 使用 MiniCSSExtractPlugin 和 Webpack 4 输出两个不同的 CSS 文件
我的./src目录中到处都是 SCSS 文件，要么是 要么editor-[...].scss，frontend-[...].scss我的目标是设置 MiniCSSExtractPlugin ，使其接收这些scss文件，并根据它是否是editor-或frontend-将其输出到不同的 CSS 文件中。
现在我有
接着
我似乎无法弄清楚，如何设置两个输出。我知道我必须使用正则表达式来查找文件，但我不知道如何在我完成之后将它们提取到不同的文件中。
webpack - 如何从入口文件中的 mini-css-extract-plugin 获取对 css 文件的引用
我在我的 webpack 项目中使用了 mini-css-extract-plugin。配置很原始：
这将创建 main.css。而 webpack 将 main.css 注入到 index.html 中。好吧，就我而言，我想构建index.js并创建指向 css 文件的链接。这是我如何插入css文件的代码。
我遇到的唯一问题是我不知道如何从 entry.js 文件中获取对 css 文件的引用。我当然可以像硬编码一样./main.css，但在这种情况下，publicPath 将不起作用，hash 也不起作用。我知道我可以将变量传递给入口文件，webpack.DefinePlugin但我不知道如何在那里插入 css 引用。
webpack - mini-css-extract-plugin 模块的 chunkFilename 的用途是什么？
"[id].css"我现在正在使用 mini-css-extract-plugin 模块，并设置它的 chunkFilename 值并通过运行它来确保值。但是，我看不到文件。
参考如下。
https://webpack.js.org/plugins/mini-css-extract-plugin/#minimal-example
所以，我的问题是，
mini-css-extract-plugin 的 chunkFilename 是什么？
chunkFilename 的目的是什么？
你怎么能看到文件？
css - MiniCssExtractPlugin + SplitChunksPlugin 不会将作用域 css 放入包中
我正在使用 Webpack 4 设置，我试图将我的所有 css 放入一个包中，包括 .vue 文件中的作用域 css。我正在使用 MiniCssExtractPlugin 从文件中提取 css，并使用 SplitChunksPlugin 将所有 css 捆绑到一个文件中。问题是我的 .vue 文件中的作用域 css 被放入单独的 css 文件中。
我的 webpack 配置：
输出：