-
0 votesanswersviews
Webpack@4.0.0:“模块解析失败 . 您可能需要一个合适的加载程序来处理此文件类型“ - 尽管使用css-loader和style-loader
下面是我的webpack.config.js和package.json module.exports = { entry: "./entry.js", output: { filename: "./build/js/bundle.js" }, module: { rules: [ { test: ... -
1 votesanswersviews
在css-loader之后使用postcss-loader
我正在使用CSS模块和webpack css-loader,然后我用mini-css-extract-plugin捆绑它们 . 以下是我的配置的样子: { test: /\.css$/, use: [ MiniCssExtractPlugin.loader, { loader: "css-loader", ... -
4 votesanswersviews
Webpack 4 css模块TypeError:无法读取未定义的属性'context'
我刚刚升级到webpack 4.我使用css模块 . 错误: ./client/src/common/accordian-component/accordian.css中的错误(./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/lib??ref--5 -2!./ client / src / common / ac... -
0 votesanswersviews
Webpack css-loader:“找不到模块:错误:可以't resolve ' main.css”......
我试图将我的CSS包含在webpack-dev-server托管的服务器中 . 为了实现这一点,我显然必须一起使用style-loader和css-loader,以便将css捆绑到JavaScript中 . 我无法让它发挥作用 . 我按照说明here,但我收到以下错误: ./src/index2.js中的错误找不到模块:错误:无法解析C:\ Users \ magnusga \ Download... -
5 votesanswersviews
如何在webpack的css-loader中使用@ font-face?
我正在尝试使用webpack在我的项目中导入一些字体(如Roboto),但它们都不起作用 . 我的文件结构如下所示: +-src---fonts-+-Roboto---Roboto.ttf | | | +-fonts.css | +-webpack.config.js 我的 fonts.css 档案: @font-face { font-f... -
1 votesanswersviews
Webpack没有构建css文件
所以我按照http://webpack.github.io/docs/tutorials/getting-started/上的教程进行操作,并且我被困在css样式加载器步骤中 . 这是我的entry.js: require("!style!css!./style.css"); document.write(require("./content.js")) ... -
2 votesanswersviews
Webpack sass-loader,css-loader在scss文件中打破了font-face
这是我的样式的加载器配置: loaders: { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader'] } 在我的源scss文件中,我有这个: @font-face { font-family: 'icomoon'; src: url('../fo... -
1 votesanswersviews
Webpack:样式加载器和css-loader无法正常工作
我是webpack的新手,我只是使用一些加载器为一个反应项目做了一个简单的webpack配置 . 我希望能够像在style-loader / css-loader的doc中那样导入css文件 . 但是,我无法使其发挥作用 . 经过几次尝试,我在这里寻求帮助:)我错过了什么吗? 当我检查构建文件夹时,除了从导入css文件的行之外,我的所有代码都被很好地编译了 . 这是我的webpack配置: con... -
3 votesanswersviews
Webpack css-loader失败:“您可能需要一个合适的加载器来处理这种文件类型 . ”
我'm building a React app that uses TypeScript and Webpack 4. I' m试图从 react-select 导入一个CSS文件,我收到了一般错误: ERROR in ./node_modules/react-select/dist/react-select.css Module parse failed: Unexpected token (... -
1 votesanswersviews
Webpack将css中的node_module导入为全局
我曾经直接在javascript中导入import '!style-loader!css-loader!../../node_modules/react-soundplayer/styles/buttons.css' 但它太丑了我不喜欢它 在我的react组件中,我想指定一个css-module import style from './style/App.css' ,在 App.css 中,我... -
2 votesanswersviews
Webpack将CSS加载到单独的<style>标记中
我目前正在使用下面的Webpack配置来导入和解析我在React组件中进行的SCSS导入 . 我的问题的关键在于配置的CSS部分 . 目前,我正在使用其相关React组件中的绝对文件路径导入SCSS文件 . 但是在渲染时,每个单独的CSS导入都会获得自己的 <style> 标记,从而导致在我的Web应用程序的头部散布着十几个 <style> 标记 . 有没有办法调整配置,使... -
0 votesanswersviews
Webpack不会为 生产环境 css文件中的图像创建正确的路径
要将图像添加到项目中,我在sass文件中使用content:url()css属性并指定src文件夹的相对路径,例如 content: url('/images/right-arrow.svg'); . 问题是在 生产环境 构建中我需要摆脱第一个斜杠,在捆绑的css文件中包含这样的路径 ('images/right-arrow.svg') . 我可以获得所需行为的唯一方法是对 css-loade... -
1 votesanswersviews
不能在* .scss文件中使用composes(react-css-modules) - 模块构建失败:TypeError:无法读取属性'postcss' of null
当我尝试在类.topContainer中使用composes时,我在构建项目时在控制台中出错: 错误在./node_modules/css-loader?{"sourceMap":true,"modules":true,"localIdentName":"[local]--[hash:base64:5]","... -
0 votesanswersviews
找不到模块:错误:'t resolve ' css-loader'
我正在使用css-loader并得到以下错误: ./src/pages/home/index.js中的错误找不到模块:错误:无法解析'/ Users / jian / Documents / sina / webpack-barbarian-test'中的'css-loader'@ ./src /pages/home/index.js 2:0-20 @ multi ../webpack-barb... -
1 votesanswersviews
Webpack:css-loader没有解析url
尝试在src目录下的sass文件中使用图像(background-image:url('path_to_image'))时,我收到以下错误 . 但是,我可以从index.js调用相同的文件 . 我不确定我的Webpack配置中缺少什么 . 错误 ./src/sass/main.scss中的错误(./node_modules/css-loader!./node_modules/sass-loader... -
4 votesanswersviews
Webpack相对于带文件加载器/ css-loader的css url()
我是webpack / npm的新手,我正试图了解如何在其他项目依赖中使用css url . Folder structure src fonts/ scss/ app.scss js/ app.js img/ index.html webpack.config.js var path = require('path'); var extractPlugin ... -
9 votesanswersviews
使用css模块做出反应如何将className作为prop传递给组件
如果我有一个react组件并且我想传入一个className,我该如何使用CSS模块执行此操作 . 它目前只提供className但不提供哈希生成的css模块名称,我将获得 <div className={styles.tile + ' ' + styles.blue}> 这是我的 Tile.js 组件 import React, { Component } from 'react';... -
1 votesanswersviews
在'Create React App app'中模拟css模块
我使用 css modules 在 Create React App (CRA)之上构建了一个应用程序 .当我用酶测试我的组件时,我发现这些类都是'undefined' . 我看到了一种方法来解决它,使用identity-obj-proxy并在我的package.json中的"jest"下添加"moduleNameMapper"条目,以便解析css导入 .由... -
0 votesanswersviews
Webpack可能需要适当的加载器来处理文件 . 加载程序不从导入加载CSS
我的webpack配置文件无法从导入的文件中加载CSS . 我已经看过人们在网上更新了加载器的测试正则表达式的几个问题,并添加了文件加载器以及url加载器,但我仍然遇到同样的问题 . 就好像Webpack(v3)不知道从我导入的任何文件中加载css的位置或方式 . 我还应该注意,我最初使用create-react-app创建了这个应用程序,然后删除了node_modules并设置了我自己的自定义w... -
0 votesanswersviews
嵌套类在使用webpack的CSS模块中不起作用
我使用webpack和css-loader以及style-loader在我的React应用程序中启用css模块 . 这些是以下设置: Webpack配置: module.exports = { mode: "development", entry: __dirname + "/app/index.js", module: { ... -
1 votesanswersviews
使用导入的css文件在css样式上的无效属性值
我正在尝试设计一个React组件 . 为了实现这一点,我正在导入一个css文件并使用如ReactJs文档中所示的className . 我已经在我的webpack.config.js文件中添加了一个css-loader样式加载器,如下所述: const path = require('path') const HtmlWebpackPlugin = require('html-webpack-pl... -
0 votesanswersviews
Webpack - 构建css未应用
我是ReactJS的新手 . 我正在尝试使用scss反应使用sass-loaders 我的webpack配置看起来像这样 - var webpack = require('webpack'); var path = require('path'); var APP_DIR = path.resolve(__dirname + 'react-js/src/'); var BUILD_DIR = p... -
3 votesanswersviews
如何从当前webpack配置的sass-loader获取有效的css?
我即将为我的公司创建一个模式库 . 我使用以下软件: css-loader@0.23.1 extract-text-webpack-plugin@1.0.1 node-sass@3.8.0 sass-loader@4.0.0 style-loader@0.13.1 webpack@1.13.2 resolve-url-loader@1.6.0 node@6.3.1 ... -
1 votesanswersviews
Webpack css-loader无法使用background-image:url()当启用sourceMap时,有没有解决方法?
当我从css-loader中删除sourceMap时没有问题 . 但是使用sourceMap,通过url()为background-image设置的图像不会加载 . 这是我展示问题的存储库:https://github.com/mhfowler/Webpack-Example/ 任何帮助或解决方法都是值得赞赏的,或者如果您可以在我的webpack配置中识别出错误的错误 . 这是我的webpack配... -
2 votesanswersviews
Webpack中的相对CSS URL
Webpack文件加载器sass-loader无法解析CSS背景图像的相对路径 . 已编译的SCSS文件包含相对于 /dist/ 而不是相对于SCSS / CSS文档的背景图像的路径 . 我研究过这个问题; sass-loader建议使用resolve-url-loader(带源映射) . 但是,添加resolve-url-loader对编译的CSS没有任何区别 . 我已经能够通过在文件加载器上将... -
0 votesanswersviews
在Nuxt布局中导入css文件会重新调整[object Object]
在Nuxt项目中,我想在布局中添加一个外部样式表 布局/ default.vue: <template> <div> <img src="~assets/img/test.jpg" /> <!--resolvs to: <img src="/_nuxt/assets/img/cv.jpg&quo... -
0 votesanswersviews
将CSS文件导入React组件
我正在设计一个React组件来发布到NPM,我无法将css文件加载到我的组件中 . 我收到了错误 找不到模块:错误:无法解析'./styles.css' . 我正在使用相对路径,我确信路径是正确的 . 我已经尝试过安装css-loader,styles-loader和sass-loader,但没有运气 . 我也没有使用webpack . 我用来导入组件中的CSS文件的行是 import './... -
1 votesanswersviews
Webpack样式加载器/ css-loader:url()路径分辨率不起作用
有一些关于 style-loader 和 css-loader 的SO帖子,但尽管如此,我还是找不到解决问题的办法 . 简而言之,当我在其他 css 文件中使用 @import css 文件,并且导入的 css 包含具有相对路径的 url() 时,路径无法正确解析 . 基本上,错误消息显示Webpack最终认为导入的css中的 url() 路径是相对于 src (主入口点),而不是相对于它导入...