草庐IT

Sass-loader

全部标签

javascript - Webpack 4、postcss-loader 和 autoprefixer 插件

我对让自动前缀器工作感到非常沮丧。这是我的webpack.config.jsconstHtmlWebPackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin=require("mini-css-extract-plugin");constconfig={module:{rules:[{test:/\.js$/,exclude:/node_modules/,use:{loader:"babel-loader"}},{test:/\.(scss)$/,use:[MiniCssExtractPlugin.loade

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 在 Node.js 中使用 Slim 或 Haml & Sass/SCSS?

我有一个相当强大的项目,它的所有模板都是用Slim和一点Haml实现的。我正在考虑将项目转移到基于Node.js的结构(可能建立在Tower.js或类似的东西之上;可能是Meteor),但是我想继续使用Slim或Haml作为模板,而不是转移到另一个模板引擎。到目前为止,有没有人这样做过或花时间弄清楚如何做到这一点?如果有,您的发现是什么? 最佳答案 Tower.js包装了express.js模板引擎系统,因此您应该能够通过将以下内容添加到配置中来使用任何express.js模板引擎Tower.View.engine="haml"To

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - 如何在 JavaScript 函数中使用 Sass 变量?

这个问题在这里已经有了答案:Isthereawaytoimportvariablesfromjavascripttosassorviceversa?(8个答案)关闭7年前。我在Sass中有一个变量,它确定我的网格系统的1个行中应该容纳多少个列。通常,这些是12个列。在JavaScript中,我有一个函数可以检查行中是否有超过12个列。如果是这样,它会隐藏整行。这个函数看起来像这样:functioncheckColumns(){varmaxColumns=12;$('.row').each(function(){varelementsLength=$(this).children('.c

javascript - Webpack sass loader 无法识别全局变量文件

我有这个sass目录:-_vars.scss-main.scss//变量.scss$base-container:1400px;//main.scss@import'./vars';在我的其他js文件中:require('./some-module-sass-file');//some-module-sass-file.scss.container{width:$base-container;}问题是我在vars文件中有全局变量,而some-module-sass-file无法识别它们并抛出错误:undefinedvariable$base-container

javascript - node-sass 安装问题

当我尝试使用npm安装node-sass时,我收到以下错误消息:Cannotdownload"https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node":"我使用的命令是:npminstallnode-sass--save-dev-您可以在下面的屏幕截图中看到更多详细信息: 最佳答案 经过一番折腾,终于找到了确切的解决办法。在nodejs软件文件夹中,node-sass\4.5.0文件夹仍然创建在npm-cache文件夹

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - 为什么我们在使用 babel-loader 时要排除 node_modules?

网站上问的大多数问题是如何排除node_modules但相反,我想知道为什么我们要排除node_modules?module.exports={mode:'production',entry:'./src/index.js',output:{path:path.join(__dirname,'dist'),filename:'app.bundle.js'},module:{rules:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,options:{presets:['@babel/preset-env']}}]}

jquery - Google Feed Loader API 忽略 XML 属性

Google的提要加载程序在转换为JSON时似乎忽略了属性。我正在使用jQuery通过AJAX获取提要。实际的RSSXMLfeed可见here,可以看到AJAX调用的响应here.我需要访问url的属性标签,但均未出现在响应中。作为引用,我使用的代码是:functiongetFeed(url){url='http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q='+encodeURIComponent(url);$.ajax({type:'GET',url:url,dataType:'jso