问题标签 [css-loader]
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.
javascript - 启用源地图时不会加载图像
package.json
:
webpack.config.js
:
template.ejs
:
1.js
:
1.sass
:
1.css
:
然后
并http://example.com/dist
在浏览器中打开。两个图像均不显示。但是,如果您sourceMap
从 css 加载器中删除查询参数,它会解决的。
怎么了?如何补救?
javascript - ajax 请求没有停止
这是我的ajax调用:
这是我的 CSS 加载器:
当我进行一个响应d:''
空字符串但我的ajaxstop:
事件没有触发的 ajax 调用时。
webpack - 文件加载器、url-loader 和 webpack 不加载图像
我正在尝试像这样在我的 React 代码中导入图像(我正在使用 babel):
在浏览器中检查损坏的图像时看到的内容:
在我添加 css-modules 之前,它一直有效。这是我的 webpack 配置的样子:
javascript - 为什么 webpack 从作为参数传递给加载器的 url 中删除斜杠
我需要用一些 url 替换我的 css 中的字符串,这取决于环境变量。我正在尝试使用string-replace-loader。所以我在我的 webpack 配置中有这个:
ASSETS_URL
即http://foo.bar/biz。
这可行,但{{ASSETS_URL}}
被 http:/foo.bar/biz 取代(http 后缺少斜杠)。
我已经记录了 string-replace-loader 的输入,它接收?search={{ASSETS_URL}}&replace=http:/localhost:8080/assets&flags=g
为this.query
.
我试图逃避斜线,但它没有帮助。
为什么会这样?有没有机会禁用这种行为?
UPD:节点版本:6.4.0,webpack 版本:1.13.2,webpack-dev-server 版本:1.16.2。
postcss - Webpack 2 CSS 模块支持
现在我正在将我当前的项目从Webpack 1
to移动Webpack 2
,我遇到了一些以前运行良好的 css 模块问题。特别是,我使用css-loader
and react-css-modules
。我目前的开发配置如下:
它工作正常。对于生产,我使用ExtractTextPlugin
(版本 2.0.0-beta.4),我的 Webpack 配置是这样的:
在这种情况下,构建失败并出现以下错误:
所以它似乎没有预先添加本地前缀。文档中也提到了css-loader
:
注意:对于使用 extract-text-webpack-plugin 进行预渲染,您应该在预渲染包中使用 css-loader/locals 而不是 style-loader!css-loader。它不嵌入 CSS,只导出标识符映射。
所以我尝试了 loader: 'css-loader/locals' 并将其添加到选项中,但不幸的是,没有任何效果。
我也尝试用 postcsspostcss-modules
插件解决这个问题。它修复了构建,但是当我尝试启动我的应用程序时,它看起来没有适当的 css 名称映射导入。
webpack - 从 node_modules 导入 css 文件
我们有一个私有的 npm 存储库,其中有一个 css 文件作为 lib 文件夹的一部分。
当尝试使用该 css 文件时
并使用 webpack 加载它,我得到以下错误:
语法错误:意外的令牌 {
任何帮助,如何导入此类文件
typescript - Webpack“找不到模块”源映射,模块构建失败
我正在尝试将项目与 Webpack 捆绑在一起,但我收到一个错误:“找不到模块 './stylesheet/css/build.css'”我正在使用 webpack 1.14.0 和 yarn 0.17.10。 webpack 打印屏幕
请给我一些建议,我应该如何使用 require() 来获得结果。
感谢您的帮助!
webpack.dev.js
main.ts
附加信息 - 项目结构
reactjs - css-loader 不导入 .css 文件返回空对象
从 css 文件导入样式。返回空对象。似乎 css-loader 无法正常工作。谁可以帮我这个事。请在下面找到参考文件
index.js
./header.css
./webpack.config.js
javascript - 提取文本 Webpack 插件不生成工件
我有一个非常简单的设置,它使用 Webpack (1.14.0) 和 Extract Text Webpack Plugin (1.0.1) 来生成 CSS 文件。问题是在运行 webpack 时,没有生成 CSS 工件。
这是我的webpack.config.js
:
如您所见,这是一个非常简单的设置。我有一个名为的文件夹src
,其中包含一个名为index.js
(当前为空白)和style.css
(仅包含一个正文样式)的文件。期望是相关dist
文件夹包含一个名为的工件style.css
(基本上应该只是原件的副本)。实际结果是,只有dist/bundle.js
曾经生产过。据我所知,Webpack 和 Extract Text Webpack Plugin 的版本应该兼容(peerDependency
Extract Text Webpack Plugin 的版本是^1.9.11
)。
我在这里想念什么?
reactjs - 在反应应用程序中动态地将样式属性添加到css类
我正在使用带有 css-loader 的 webpack 来加载我的 css 样式并将它们添加到 React 组件中。
我正在动态计算单元格的高度/宽度。在这里,他们描述了如何动态地向组件添加样式,但我更喜欢在没有样式属性的情况下这样做。
我尝试在其中一个父组件中执行此操作,认为它可能会改变 css 类,但这似乎不起作用。
关于如何最好地做到这一点的任何反馈?