javascript - 为什么我的产品包中包含 style-loader?

标签 javascript webpack webpack-style-loader css-loader

我有一个最小的 webpack 设置,并使用 sass、css 和样式加载器在我的项目中编译 sass。一切正常,但我不明白为什么当我运行 webpack -p 时我的包中有一些样式加载器功能:

enter image description here

正如您所看到的,出于某种原因包含了节点模块,基本上包括 style-loader 和 css-loader。正常吗?这些功能有目的吗?

最佳答案

我相信这是因为 style-loader 本身被声明不用于生产。
“对于生产版本,建议从你的包中提取 CSS,以便以后能够并行加载 CSS/JS 资源。这可以通过使用 mini-css-extract-plugin 来实现,因为它会创建单独的 css 文件。对于开发模式(包括 webpack-dev-server)你可以使用 style-loader,因为它使用多个将 CSS 注入(inject)到 DOM 中并且工作得更快。”
https://webpack.js.org/loaders/style-loader/
我会检查您的 webpack 配置以进行开发和生产,可能不存在使用样式加载器的规则。

关于javascript - 为什么我的产品包中包含 style-loader?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46780294/

相关文章:

css - 在 webpack 中加载 css 文件时出错

javascript - Webpack 加载器别名?

javascript - Chrome 扩展程序 : ContextMenu Right click link instead of selectiontext?

javascript - Ajax请求监控流程

javascript - 为什么我们需要 this.events[type] || [] 行可以正常工作吗?

javascript - 找不到通过 Webpack 文件加载器加载的某些图像

javascript - Laravel mix - 'window is not defined',目标 : node 中带有样式加载器

javascript - 当选择文本时,如果与 ID 等于相同的值,则运行函数

javascript - 语法错误: Unexpected token < : using angular 2 and webpack on heroku

javascript - 在Next js项目中使用Instascan时无法解析 'fs'