마이크로 프런트엔드를 변경할 때 부트스트랩을 제거하는 방법은 무엇입니까?

Question

<磷>문제가 있습니다. 우리 팀이 다른 기술의 반응 및 부트스트라 인 및 기타 모듈을 사용할 때 tailwind를 사용하고 있으므로 마이크로 프런트엔드의 링크가 해당 링크로 변경되면 부트스트라 인 스타일이 여전히 존재하며 이후 tailwind와 bootstrapping에는 클래스 이름이 많지만 옵션이 다르기 때문에 이제 스타일에 이 문제가 있습니다. 따라서 이 부트스트래핑 _utilities.scss는 webpack에서 가져온 것이며 어떤 이유로 node_modules를 제외하더라도 누군가가 이 문제에 직면하고 문제에 대한 해결책을 알고 있습니까? 이 scss가 강조 표시된 경로는 webpack://./node_modules/bootstra/scss/mixins/_utilities.scss입니다. 인 <磷>nodu_modules를 제외하기 위한 내 웹팩 구성:

<磷>모듈: { 규칙:[ { 테스트: /.(js|ts|tsx)$/, 제외: /node_modules/, 사용: { 로더: 'ts-로더', }, },

Answer 1

그래서 해결책을 찾았습니다. 먼저 이 .scss 파일에 별도의 bootstrap.scss를 만들고 bootstrap.css를 가져옵니다(제 경우에는 부트스트랩의 그리드만 필요합니다).

으아아아

sass 또는 scss 파일의 경우 다음 설정이 webpack.configuration.js에 있어야 합니다.

으아아아

이러한 변경 사항은 .scss 파일을 프로덕션 모드로 전환하고 단일 .css 파일로 병합하며 Bootstrap의 CSS를 정확한 모듈의 style.css에 넣습니다.