반응에 Sass를 설치하는 방법

Sass를 React에 설치하는 방법: 먼저 [sass-loader] 및 n[ode-sass] 종속성을 설치한 다음 React의 웹팩 구성을 열고 관련 사항을 수정합니다.

• 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
  

Sass를 React에 설치하는 방법:

1. sass-loader 및 node-sass 종속성 설치

npm install sass-loader node-sass --save-dev

2. 열기 React Webpack 구성

node_modules/react-scripts/config/webpack.config.js

oneof 배열에서 모듈 아래의 규칙을 찾은 다음 마지막 구성을 찾아 다음과 같이 수정합니다

            {
              loader: require.resolve('file-loader'),
              // Exclude `js` files to keep "css" loader working as it injects
              // its runtime that would otherwise be processed through "file" loader.
              // Also exclude `html` and `json` extensions so they get processed
              // by webpacks internal loaders.
              exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
              options: {
                name: 'static/media/[name].[hash:8].[ext]',
              },
            },
            // ** STOP ** Are you adding a new loader?
            // Make sure to add the new loader(s) before the "file" loader.
          {
            test:/\.scss$/,
            loaders: ['style-loader', 'css-loader', 'sass-loader']
          }

3. 이렇게 하면 scss 파일을 즐겁게 사용할 수 있습니다

관련 무료 학습 추천: javascript(동영상)

위 내용은 반응에 Sass를 설치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!