-
0 votesanswersviews
Webpack Sass-loader相对路径
我有一个问题,我使用 @import 将字体awesome导入我的主scss文件 . 问题是字体很棒_varibles.scss使用相对路径导入其字体 ../fonts/* . 这导致错误,因为webpack正在尝试相对于作为主sass文件的入口点加载文件 . 我一直在尝试使用 includePaths 之类的选项而没有运气和 resolve-url-loader 之类的装载机 . 我尝试了多条... -
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... -
2 votesanswersviews
Webpack将CSS加载到单独的<style>标记中
我目前正在使用下面的Webpack配置来导入和解析我在React组件中进行的SCSS导入 . 我的问题的关键在于配置的CSS部分 . 目前,我正在使用其相关React组件中的绝对文件路径导入SCSS文件 . 但是在渲染时,每个单独的CSS导入都会获得自己的 <style> 标记,从而导致在我的Web应用程序的头部散布着十几个 <style> 标记 . 有没有办法调整配置,使... -
5 votesanswersviews
未满足的对等依赖webpack@3.6.0
我试图在项目上运行npm install,它无法解析webpack包 . 我已经关注了谷歌和这里发现的大多数其他问题答案 . 我已经完全清理了nodejs npm文件的计算机,再次通过以下答案:How to completely remove node.js from Windows Unmet Peer Dependency angular 2.3.0 rxjs zone.js 我试图在全局范围... -
3 votesanswersviews
如何使用Webpacker将`includePaths`添加到Sass加载器
我重写了sass-loader配置以包含node_modules路径: // config/webpack/environment.js const { environment } = require('@rails/webpacker') environment.loaders.prepend('sass', { test: /\.(css|scss|sass)$/, use... -
0 votesanswersviews
反应webpack“sass,css,style” - 加载器不适用于css过渡组
我正在使用样式加载器,css-loader,sass-loader和Webpack来为每个反应组件设置样式,方法是为每个组件导入每个.scss文件 . 所有样式都转到bundle.js . 我想对组件内容使用转换和动画,但css-transitions-group似乎不起作用 . 它只有在我将样式放入css文件并将其绑定到index.html时才有效 . 那么如何从装载机中提取所有捆绑的样式呢? ... -
0 votesanswersviews
如何在故事书的装饰者中使用app的sass变量(React)
我用Gatsby.js Build 了一个网站(静态网站生成器与React),我正在尝试添加故事书 . 我在故事书中添加了一个自定义webpack配置(遵循https://storybook.js.org/configurations/custom-webpack-config/中的说明)来加载sass和sass-resources,但是无法使其工作 . 以下是配置 . 我已经安装了所有的“sty... -
3 votesanswersviews
使用Webpack热模块替换优化Sass编译
What factors effect compilation performance of Sass files when using Hot Module Replacement with Webpack? 我目前有很多Sass文件,组织成多个目录: ├── api ├── assets │ └── fonts ├── config ├── const ├── decorations ├─... -
3 votesanswersviews
Webpack SASS-loader包含语句中断SASS @import statemetns
所以对于后台我原来是在我的Webpack配置中排除了node_modules目录,这对我的sass @import语句工作正常,但是很难从node_modules目录中包含东西 . 所以我将SASS加载器切换到以下 { test: /\.scss$/, include: [path.resolve(__dirname, "/src/clie... -
1 votesanswersviews
Angular2 webpack raw!使用UglifyJS问题的sass加载器
我使用webpack配置我的angular2应用程序包 . 我使用sass来设计页面 . 用于解析组件样式的sass的加载器链是: raw!sass 当我使用它进行开发而不进行缩小时,它可以正常工作 . 当我使用UglifyJS插件时它破坏了设计,我看到它改变了导入的css类中的类位置 . 我的组件: @Component({ selector: 'navigation-bar', tem... -
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 3,Extract Text插件不解析sass-loader includePaths
我使用以下设置处理旧项目: webpack@3.0.0 extract-text-webpack-plugin@2.1.2 我现在正在尝试一个新项目,所以升级到: webpack@3.8.1 extract-text-webpack-plugin@3.0.1. Webpack配置完全相同,但现在我遇到了错误 . 我正在使用node-bourbon,我想让它在所有条目中都可用,而不是每次都要导入... -
0 votesanswersviews
Webpack 3 Rails - sass-loader网址问题
@import '~bootswatch/dist/flatly/_variables.scss'; @import '~bootstrap/scss/bootstrap'; @import '~bootswatch/dist/flatly/_bootswatch'; @import 'assessments'; @import 'main'; 这就是我的application.scss的样子 ... -
2 votesanswersviews
NuxtJS和SASS Loader - 在 生产环境 中使用sass-loader(SCSS)构建
我在开发(本地)服务器上添加了这些使用sass-loader构建的行: nuxt.config.js module.exports = { mode: 'spa', build: { analyze: { analyzerMode: 'static', generateStatsFile: true, statsFilename: 'webp... -
2 votesanswersviews
Webpack中的相对CSS URL
Webpack文件加载器sass-loader无法解析CSS背景图像的相对路径 . 已编译的SCSS文件包含相对于 /dist/ 而不是相对于SCSS / CSS文档的背景图像的路径 . 我研究过这个问题; sass-loader建议使用resolve-url-loader(带源映射) . 但是,添加resolve-url-loader对编译的CSS没有任何区别 . 我已经能够通过在文件加载器上将... -
2 votesanswersviews
Webpack和sass-loader文件导入顺序
我正在对React进行一些调查,并开始尝试用于CSS / SCSS模块处理的sass-loader . 我已经完成了大部分设置,但是我遇到了一个我不确定如何解决的问题,并在以下场景中介绍它: ComponentA.jsx import React from 'react'; import ComponentB from './app/components/ComponentB.jsx'; // ... -
0 votesanswersviews
sass-loader不使用webpack反应索环
我'm trying to get started with webpack and Grommet working together. I' m遵循本教程:https://github.com/grommet/grommet-standalone但是我收到以下错误: ERROR in ./src/app/index.js Module not found: Error: Can't resolv... -
1 votesanswersviews
使用Webpack的sass-loader不会生成CSS
如何使用sass-loader从scss生成css文件并使用express.js将其嵌入到html中 . 我也在使用react-hot-loader 下面是我的配置文件 var webpack = require('webpack'); var ExtractTextPlugin = require('extract-text-webpack-plugin') var HTMLWebpackPlu... -
1 votesanswersviews
Sapack-loader与Webpack,React和Babel无法正常工作
我为代码繁重的帖子道歉 . 我是Node,React和Webpack的新手,也是第一次使用sass-loader的用户 . 我遇到了一些似乎微不足道的问题,但事实并非如此 . ./app/index.js中的错误找不到模块:错误:无法解析'/ Volumes / 500GB / Webs / waterbottle / app'中的'waterbottle.scss'@ . / app / in... -
2 votesanswersviews
Sass图片网址引用错误,链接导入
src images / image1.jpg sass / sass1.scss(background-image:url('../ images / image1.jpg'))folder1 / folder2 / sass2.scss(@import'../../sass/ sass1' ) 这是我的文件夹结构 . 当我尝试将sass1导入sass2时,图像的路径没有被解析,因为sass... -
1 votesanswersviews
Webpack ExtractTextPlugin - 避免输出css中的重复类
我正在构建一个反应应用程序,并使用webpack 3和css / sass加载器ExtractTextPlugin来编译我的样式并生成main.css . 我的所有scss变量,mixins和partials都编译成一个main.css文件,但是 my problem is that im getting duplicate classes in main.css . 我有一个main.scss... -
25 votesanswersviews
webpack(使用sass-loader) - scss文件@import无法识别解析别名
我的项目结构: webpack.config.js app-- --> src ---->> components ------>>> myComponent.js ------>>> myComponent.scss --> styles ---->> variables.scss ... -
0 votesanswersviews
无法覆盖sass变量
我在我的项目中使用库'keen-ui' . lib使用sass来定义样式 . 我想覆盖这种风格 . 我将sass加载器连接到我的项目并且它工作正常,但问题是sass加载器在keen-ui的标准'variables.scss'之前加载我的文件'variables.scss',所以它不会覆盖变量 . 有人可以提出一种在标准后加载我的自定义'variables.scss'的方法吗? -
14 votesanswersviews
Vue.js Webpack vue-loader bootstrap-sass sass-loader
我刚刚开始使用Vue.js Webpack vue-loader bootstrap-sass sass-loader,我有点失落 . 我想要做的是使用我的SPA Vue.js代码的SASS版本的bootstrap . 我想这样做,所以我的引导自定义可以使用SASS完成 . 这就是我所做的: 使用vue-cli创建了一个新的Vue.js webpack项目 . 已安装bootstrap-s...