如何在react-static中使用node-sass

npm install react-static node-sass

export default {
  getRoutes: async () => {
    // 添加你的路由配置
  },
  webpack: (config, { defaultLoaders }) => {
    // 添加node-sass的loader配置
    config.module.rules.push({
      test: /\.scss$/,
      use: [
        defaultLoaders.babel,
        {
          loader: require.resolve('sass-loader'),
          options: {
            implementation: require('node-sass'),
          },
        },
      ],
    });

    return config;
  },
};

import React from 'react';
import './styles.scss';

const MyComponent = () => {
  return <div className="my-component">Hello, World!</div>;
};

export default MyComponent;

npm run start

npm run build