草庐IT

Sass-loader

全部标签

node.js - 将 node-sass 监视选项与 npm run-script 一起使用

所以我在npm包脚本中运行任务,但我想在npmstart中传递watch选项。这行得通:"scripts":{"scss":"node-sasssrc/style.scssdist/style.css-w"}这不会编译、观察或抛出任何错误:"scripts":{"scss":"node-sasssrc/style.scssdist/style.css","start":"parallelshell\"npmrunscss---w\""}没有parallelshell或者没有速记都不能工作。我认为问题是运行脚本在引号中传递了额外的参数,所以命令如下:node-sasssrc/style.

css - 在使用 Node 进行 SASS 编译期间注入(inject)变量

在我正在工作的应用程序中,我必须在客户端渲染之前动态编译SASS(缓存系统来了,别担心)。目前我正在使用node-sass一切都很好。这是我目前正在做的事情。为简洁起见,已删除其他元素特定代码:varsass=require('node-sass'),autoprefixer=require('autoprefixer-core'),vars=require('postcss-simple-vars'),postcss=require('postcss'),functioncompileCSS(){varresult=sass.renderSync({file:'path/to/sty

css - 在使用 Node 进行 SASS 编译期间注入(inject)变量

在我正在工作的应用程序中,我必须在客户端渲染之前动态编译SASS(缓存系统来了,别担心)。目前我正在使用node-sass一切都很好。这是我目前正在做的事情。为简洁起见,已删除其他元素特定代码:varsass=require('node-sass'),autoprefixer=require('autoprefixer-core'),vars=require('postcss-simple-vars'),postcss=require('postcss'),functioncompileCSS(){varresult=sass.renderSync({file:'path/to/sty

node.js - webpack css-loader 在外部样式表的 url() 引用中找不到图像

我是整个Node/NPM/Webpack世界的新手,如果这很明显,请道歉。我正在尝试构建一个与Webpack捆绑的简单前端项目。我已经安装了Node,并配置了一个package.json文件。如果我在我的根目录中运行“npmstart”,我不会从控制台收到任何错误,并且我可以在浏览器中转到“localhost:3000”并查看我的“hello,world”输出。我的下一个任务是包含一个样式表,其中包含对图像的引用,如下所示:.myimg{背景:url(path/to/file.jpg);}通过这样的设置,我可以通过webpack-dev-server查看图像(通过在网络浏览器中访问lo

node.js - webpack css-loader 在外部样式表的 url() 引用中找不到图像

我是整个Node/NPM/Webpack世界的新手,如果这很明显,请道歉。我正在尝试构建一个与Webpack捆绑的简单前端项目。我已经安装了Node,并配置了一个package.json文件。如果我在我的根目录中运行“npmstart”,我不会从控制台收到任何错误,并且我可以在浏览器中转到“localhost:3000”并查看我的“hello,world”输出。我的下一个任务是包含一个样式表,其中包含对图像的引用,如下所示:.myimg{背景:url(path/to/file.jpg);}通过这样的设置,我可以通过webpack-dev-server查看图像(通过在网络浏览器中访问lo

javascript - Webpack sass css 文件在哪里

我正在使用带有sass加载器的webpack,如下所示:module.exports={module:{loaders:[{test:/\.scss$/,loader:"style!css!sass"}]}};但我看到样式适用于样式标签,生成的css文件在哪里? 最佳答案 默认情况下,样式加载器将编译后的css内联到您的包中,这些包将与输出文件一起添加到页面的头部,例如bundle.js。使用extract-text-webpack-plugin您可以从包中删除已编译的css,并将其导出到单独的文件中。首先-在插件中包装你的加载器:

javascript - Webpack sass css 文件在哪里

我正在使用带有sass加载器的webpack,如下所示:module.exports={module:{loaders:[{test:/\.scss$/,loader:"style!css!sass"}]}};但我看到样式适用于样式标签,生成的css文件在哪里? 最佳答案 默认情况下,样式加载器将编译后的css内联到您的包中,这些包将与输出文件一起添加到页面的头部,例如bundle.js。使用extract-text-webpack-plugin您可以从包中删除已编译的css,并将其导出到单独的文件中。首先-在插件中包装你的加载器:

node.js - 如何使用相对路径在 Webpack 中使用 SCSS (SASS) 加载 font-awesome?

我的node_modules文件夹中有font-awesome,所以我尝试将它导入到我的主.scss文件中,如下所示:@import"../../node_modules/font-awesome/scss/font-awesome.scss";但是Webpack打包编译失败,告诉我Error:Cannotresolve'file'or'directory'../fonts/fontawesome-webfont.eot因为font-awesome.scss文件引用了一个相对路径,'../fonts/'。如何告诉scss\webpack@import另一个文件,并将该文件的文件夹用作主

node.js - 如何使用相对路径在 Webpack 中使用 SCSS (SASS) 加载 font-awesome?

我的node_modules文件夹中有font-awesome,所以我尝试将它导入到我的主.scss文件中,如下所示:@import"../../node_modules/font-awesome/scss/font-awesome.scss";但是Webpack打包编译失败,告诉我Error:Cannotresolve'file'or'directory'../fonts/fontawesome-webfont.eot因为font-awesome.scss文件引用了一个相对路径,'../fonts/'。如何告诉scss\webpack@import另一个文件,并将该文件的文件夹用作主

node.js - Node Sass 找不到当前环境的绑定(bind)

我在构建应用程序时遇到问题,因为node-sass一直因错误而失败。ERRORinMissingbinding/Users/warren/Sites/random-docs/my-cms/node_modules/node-sass/vendor/darwin-x64-11/binding.nodeNodeSasscouldnotfindabindingforyourcurrentenvironment:OSX64-bitwithNode0.10.x我试过运行npmrebuildnode-sass上面写着Binaryisfine;exiting.当运行node-v我得到v6.2.2这与