问题标签 [css-loader]

我的应用程序.scss

我执行时的输出错误./node_modules/.bin/webpack

我的webpack.config

和我的app.js

使用 Webpack，从我的 css（或 scss）文件中，我试图访问 bower 包以导入 css 文件。使用 NPM 模块，这似乎很容易工作：

app.scss

在 Bower 的情况下，我一直在尝试使用resolve.alias它来使其正常工作，但没有成功：

webpack.config.js

app.scss

这是错误消息：

我不想通过mainin加载这个组件，bower.json因为我只想从组件中导入一个特定的文件。

有什么方法可以从凉亭组件中@import 一个 css 文件？

如果我有一个反应组件并且我想传入一个类名，我该如何使用 CSS 模块来做到这一点。它目前只给出了 className 而不是我会得到的散列生成的 css 模块名称 <div className={styles.tile + ' ' + styles.blue}>

这是我的Tile.js组件

瓷砖.css

如您所见，我在我的 Author Tile 中按如下方式初始化了这个 Tile 包装器组件，但我想将颜色道具传递给组件：

作者Tile.js

我在最小化 extract-text-webpack-plugin 输出的 css 文件时遇到问题

在生成的 styles.css 中，有 2 个 body 标签。似乎缩小是在一个文件内（在 file1.css 和 file2.css 内）执行的，但不是在将两个文件组合并提取到最终的 styles.css 中时执行的。

如何对最终的 style.css 进行缩小？所以输出是

假设这是我的服务器结构：

在两个 html 中，我<script src='../source/bundle.js'/>都有两个链接，它们具有相同的 JS 源。

问题是它bundle.js包含所有的css，它们有一些类似的东西：

然后，webpacked JS 添加<style>说：

这很好，如果 JS 和 HTML 在同一个地方，但由于它们不是，stylein html 指向不存在的相对assets文件夹。

所以我真正需要的是对 JS 说 - 当你放置style带有所需的所有 css 的标签时css-loader，使其相对于 JS 的位置，而不是 HTML 的位置。

我能做些什么？

我很难在我的 JSX 文件上使用 css-loader 加载 CSS。我按照以下示例进行操作：

https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html

这是我的 JSX

这是我的 package.json

这是我的 Webpack.config.js

这是我的样式.css

我从运行我的 grunt 任务以运行附加的“webpack”得到的输出：你可以看到它在哪里说 CSS 的构建失败。

我有一个项目，其中包含一组 css 文件（每个反应组件一个）。我在 webpack 和 postcss-cssnext 中使用 css-loader（带有模块）。

理想情况下，我想要一个variables.css，这样我就可以在 css 文件中共享变量。我尝试过variables.css包含以下内容：

然后我将其导入，以便通过 css 加载程序。问题是，其他文件不接受这些变量，所以要么这不起作用，要么我做错了什么（包括在组件 css 文件中直接起作用）。

一个有效的方法是拥有一个styles.json具有以下 webpack 设置的文件：

主要问题是每次更改变量时都必须重新启动 webpack 开发服务器（因此重新加载 webpack 配置）。这并不理想。

那么，有什么更好的方法来做到这一点吗？

我正在使用 WebPack 通过样式加载器将我的所有 CSS 规则加载到应用程序中。这似乎适用于大多数浏览器，但该项目必须支持旧版浏览器（即 IE9），每个文档总共只能支持 4095 个选择器。我们总共有10-11k。这主要是因为我们所有的较少规则都合并为一个主文档。想想 Twitter Bootstrap 是如何用一个主文件来编译他们的较少文件的。

有谁知道通过将每个文档分块到 4095 个选择器来让 WebPack 生成多个不会破坏 IE9 的块的方法？

提前致谢！

我尝试在我的反应项目中导入引导程序，但它不起作用。首先，我有这个错误

所以我用 npm 安装了 css-loader 更新了我的 webpack.config.js，如下所示：

现在，我收到此错误消息：

我不明白如何正确配置 webpack.config.js。

有人对我的问题有答案吗？

我在我的项目中使用 webpack 和 less-loader，在我的 webpack 配置中，我试图传递一个全局变量以在我的 less 文件中使用。该部分配置如下：

我上面引用的配置文件是下面的 json 文件：

下面是使用这个staticDir全局变量的 less 文件的一部分（我们称之为 file.less）：

但是，当我的资产被捆绑时，我收到以下错误：

我试图调试的两个错误：

• 根据错误我的配置值https://myendpoint.com被解析为https:/myendpoint.com
• less-loader 正在将我的端点解析为相对目录

当我将端点硬编码到 less 文件中时，webpack 会很好地捆绑我的资产。

最后一点：我staticDir在我的配置中设置为，"'https://myendpoint.com'"因为捆绑会"https://myendpoint.com"产生Module build failed: Unrecognised input错误。