问题标签 [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.

0 投票
1 回答
240 浏览

webpack-2 - PostCSS CSSNext @media 和 color() 不适用于 webpack 2

我正在将一个项目从 webpack 1 升级到 2,并且看到一些奇怪的行为,postcss-cssnext其中一些 css 下一个功能,最显着color()的功能和我的所有@media查询都不再工作了。

我使用 webpack 2 的 webpack 配置如下所示。我在这里做错了什么?

0 投票
5 回答
13745 浏览

reactjs - 尝试使用 webpack 和 babel 加载 css 时出现意外令牌

我正在使用 Express 构建一个反应应用程序,我尝试添加一个样式加载器/css 加载器以启用导入 css,但是当我启动我的服务器时,我收到以下错误:

我的package.json 文件

我的webpack.config.babel.js

示例用法(也尝试过导入“./text.css”):

文本.css

我已经做了几个小时了,似乎找不到什么问题。

0 投票
2 回答
2035 浏览

webpack - 无法解析 Vuejs 元素 ui 模板中的 scss 加载器

嗨,我正在尝试为 vue js 2 使用 element ui 模板。我已遵循本指南http://element.eleme.io/#/en-US/component/quickstart但我收到模块未找到错误:无法解析文件 App.vue 中的 scss 加载器。这是我的 package.json

这是我的 webpack.config.js

最后是我的 main.js

这是包的 github 链接

https://github.com/ElemeFE/element

0 投票
0 回答
634 浏览

laravel - Laravel 混合依赖未找到错误

我正在使用干净和最新的 Laravel 5.4。我有一个错误npm run dev

应用程序.scss:

jquery.filer.css:

我试图改变这条路径,但它无论如何都不起作用

0 投票
1 回答
653 浏览

webpack - 无法将多个 scss 文件提取到一个 css 文件中

看来我不知道如何将多个 .scss 文件提取到一个 .css 文件中。构建我的 /dist 文件夹后,仅包含 .js 文件。我遵循了许多指南,但没有一个有效。这是我的 webpack.config.js

@edit 我有最新的模块:

  • 网络包:2.4.1
  • 萨斯加载器:6.0.3
  • 提取文本 webpack 插件:2.1.0
0 投票
1 回答
675 浏览

angular - Angular 2 Webpack 2 CSS 模块解析错误

我从 Angular 2 和 webpack 2 开始。在运行 webpack 时,我面临以下错误

下面是我的 package.json

这是我的 webpack.config.js

如果我删除包含在 css 加载器中的构建是成功的,但是在点击 URL 时我会遇到不同的错误

似乎很多人都面临过这个问题,但他们的解决方案对我有用。知道我哪里出错了吗?

0 投票
0 回答
128 浏览

node.js - 通过 npm 安装 css-loader 给出“错误解析 json”

我正在尝试通过 npm 将 css-loader (v 0.28.2) 安装到 Visual Studio 2015 项目中:

这给出了在底部复制的长错误。我们在公司防火墙后面运行它,并且已经按照此处注册机器代理的说明进行操作。这适用于除 css-loader 之外的所有包。

从错误中可以看出,它实际上是从名为“index-of”的依赖包生成的。有没有人见过这个?我该如何解决?

0 投票
2 回答
3700 浏览

reactjs - Webpack - 未应用构建 css

我是 ReactJS 的新手。我正在尝试使用 scss 使用 sass-loaders 做出反应

我的 webpack 配置看起来像这样-

所有这些配置都来自那里的相应文档。

.

当我运行 webpack-dev-server 它显示以下输出-

WDS 启动

这是我保存 scss 文件时的屏幕 - 注意- 我已经从我的 webpack 配置文件中删除了 ExtractTextPlugin。

WDS on scss 文件保存

目录结构-

在此处输入图像描述

我只是不知道它是如何不导入到渲染的反应应用程序中的。我认为如下所示在 index.jsx 中导入 scss 文件会使 css 文件成为依赖项,但它不起作用。

为什么?

已编辑

包.json

0 投票
3 回答
3029 浏览

css - css-loader : Unexpected token of css coming from node module

I will explain my issue with the Github issue style :

What is the current behavior?

Cannot load css. The full error message: error

If the current behavior is a bug, please provide the steps to reproduce.
My package.json : https://gist.github.com/jy95/99377c113252e6baaa23087abe859814
My webpack.config.js : https://gist.github.com/jy95/16b0f03d46b087c6f2640c8e9178914f

Please mention other relevant information such as the browser version, Node.js version, webpack version and Operating System.
Node : 6.10.3
OS: Windows 10

PS: Before you can tell me to see with ExtractTextPlugin, I would like an explanation why I got this error (I also tried to required the css in my entry : app.js , same result )

0 投票
1 回答
3666 浏览

webpack - Css Loader vs Style Loader vs Sass-Loader

在使用 import 语句时,我对区分 sass-loader 和 css-loader 有点困惑。据我所知,css loader resolve import statment(@import) 和 style-loader 可以在你的页面上动态注入样式。我也在我的应用程序中使用 sass-loader。所以我对 sass-loader 功能感到困惑。它是否还解决了 import 语句以及将 sass 转换为 css 的问题。在这种情况下,如果我在项目中仅使用 sass 文件,则不需要 css-loader,因为该工作将由 sass-loader 完成。我在吗?任何人都可以强调这一点。任何帮助将非常感激