问题标签 [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.
css - Webpack - 使用 mini-css-extract-plugin 设置相对路径
为了将我的 css 文件输出mini-css-extract-plugin到一个目录，我执行了以下操作：
在css中我有类似的东西：
background: url(img/fold.svg) right 30% / 100% no-repeat;
现在的问题是所有图像都是从而css/dist不是dist. publicPath: '../'我可以通过设置 a on来解决问题MiniCss.loader，但是所有图像都被引用，.././images这些图像通过相对路径起作用，但看起来并不“自然”。现在我的问题是有一种更清洁的方法来实现这一目标吗？
vue.js - MiniCssExtractPlugin 无法在节点模块内加载 css 文件
我在一个项目中使用 MiniCssExtractPlugin，当我在 vue 文件中的节点模块中导入 css 文件时出现问题。进口声明：
网络包配置：
使用上述设置未应用任何样式。我试图创建一个 test.css 文件并放在不同的文件夹中。除 node_modules 文件夹外，所有目录都可以使用。请帮忙。
额外信息：
如果我用 style-loader 替换 MiniCssExtractPlugin，一切都会好起来的。
webpack - 如何使用 webpack 4 和 mini-css-extract-plugin 生成 css 文件？
我能够得到 min-css-extract-plugin top 生成 css 文件就好了，但我似乎无法让它与 SASS 一起使用。当我使用 webpack 开发服务器时，它运行得很好，但它一直将我的 scss 插入到我的 javascript 文件中，而不是创建一个单独的 CSS 文件。
我将 index.html、index.js 和 main.scss 存储在 /src 下
webpack.config.js：
webpack-4 - 如何使用 vue cli 3 将多个组件中的 css 提取到单个文件中？
这是我尝试过的vue.config.js：
我的输出目录中有多个 css 文件，我想将它们合并/优化到一个文件中。我有多个由动态导入创建的块，但不确定这是否是原因。
在我以前的 CLI 的旧 webpack 模板中，我用于extract-text-webpack-plugin这项工作并且它有效。
我在以下问题中发现了一些讨论，但在提出这个问题时还没有解决方案。
webpack - 使用 webpack mini-css-extract-plugin 插件时出错
当我运行 npm run build 失败时，引用 mini-css-extract-plugin：
我试图搜索错误，但只知道它取决于加载程序执行的顺序，所以我只留下了 MiniCssExtractPlugin.loader 和 css-loader，但错误仍然存在。
我浏览了文档并获得了简化的设置，也发生了同样的错误。
我已经在 index.js 中加载了引导程序，所以我删除了它，认为这可能是原因，也不好。
你能帮助我吗？
这是我的 webpack.config.js 文件：
这是我的 package.json 文件：
webpack - mini-css-extract-plugin TypeError：无法匹配“未定义”或“空”
我一直在使用 mini-css-extract-plugin 进行 css 模块动态导入，但突然间它破坏了 webpack 构建。
它是 webpack 4
webpack - Webpack mini-css-extract-plugin 在文件名中使用查询字符串进行缓存破坏不起作用
我在 .Net Mvc 项目（带有 .cshtml 视图）中使用 WebPack，我想输出所有带有查询字符串内容哈希数的文件。我正在使用 Mini Css 提取插件。到目前为止，我无法得到想要的结果。
对于文件名，这是我的配置。
例如，期望的结果必须是这样； layout.css?v=5ac967f1b94131934254
但相反，它输出了这个 layout.css
这是我的整个 webpack 配置；
webpack - 如何使用“mini-css-extract-plugin”指定输出目录？
我正在使用 将mini-css-extract-pluginCSS 从包中提取到文件中。我需要将该文件放在文件系统中的不同位置。
如何配置将mini-css-extract-pluginCSS 文件拖放到与 JS 包不同的路径？
javascript - Webpack 4：如何从 Node 模块中提取 CSS？
如何将已编译的 JS 文件中的 CSS 提取到我自己的 application.css 中？我想通过一个例子来详细说明这个问题：
使用 Webpack 4、Rails webpacker和 Vue.js，我构建了一个 SPA。我添加了外部 Vue 组件Vue-infinite-loading。这个组件提供了一个我添加的dist JS 文件：
在application.js 中：
这个 JS 包含 CSS并将样式添加到<head>标签中。我正在寻找一种在生产环境中避免这种情况的方法。我想将 CSS 移动到我自己的application.css文件（由 Webpack 生成）。
我找到了以下（坏的）解决方案：
外部组件使用 LESS，我在项目中没有使用。但是如果我将 LESS 添加到我的项目中，我可以使用组件的源文件并使用 MiniCssExtractPlugin 来提取样式：
在application.js 中：
在environment.js 中：
但是在我的项目中添加 LESS 只是为了从外部组件中提取样式对我来说似乎不合适。有没有更好的办法？
可以从 JS 文件中提取样式吗？
webpack - webpack.config.js：意外字符'@'
我正在尝试创建一个代码，作为我下一个项目的参考。
webpack.config.js：
我试图将所有代码统一在一个块中（module.exports）
当我尝试运行命令时出错 - npm run dev-server
- 无法转换文件并将其发送到./dist文件夹。我尝试以多种方式格式化webpack.config.js代码。删除：extract-text-webpack-plugin并替换为mini-css-extract-plugin