Tag: gatsby

将gatsby项目从css转换为scss，在丢失网格预处理方面存在问题

我正在采用一个使用迷失网格的gatsby starter项目，并从css转换为scss来获得一些收益。 这是启动项目： https ： //github.com/wpioneer/gatsby-starter-lumen 从本质上讲，我将项目转换为scss，因为我更喜欢它的结构，并希望从所有的css文件中移走。 现在，我简单地说： 安装了sass-loader ， scss和node-sass 将所有的css文件重命名为scss文件 并修改gatsby-node.js到以下内容： var rucksack = require('rucksack-css') var lost = require("lost") var cssnext = require("postcss-cssnext") exports.modifyWebpackConfig = function(config, env) { config.merge({ postcss: [ lost(), rucksack(), cssnext({ browsers: ['>1%', 'last 2 versions'] }) ] }) config.loader('svg', { test: /\.(svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file-loader', }) config.loader('sass', { test: /\.scss$/, […]