Comments (4)
velopert
commented on July 26, 2024
scss 가 맞습니다 :)
또 이슈가 생기면 다시 알려주세요~
from learning-react.
SH5H
commented on July 26, 2024
{
{
test: /\.css$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
],
},
{
test: /\.scss$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
{
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.styles]
}
}
],
},
]이건 깃허브에 있는 샘플이고
책에 있는 코드는
{
{
test: /\.scss$/, // 이 부분이 제가 css가 아니냐고 물어본 부분이고 scss가 밑에 한번더 나옵니다
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
],
},
{
test: /\.scss$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers: [
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9', // React doesn't support IE8 anyway
],
flexbox: 'no-2009',
}),
],
},
},
{
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.styles]
}
}
],
},
]from learning-react.
zoonoo
commented on July 26, 2024
제보해주신 대로 이 부분 본문에 .scss에 대한 config가 두번 들어가 있습니다. 첫 부분은 github 샘플 대로.css로 의도하신 것 같은데 확인 부탁드리겠습니다.
from learning-react.
velopert
commented on July 26, 2024
해당 부분도 이전에 확인후 처리되었습니다 :) 답변을 남기는걸 깜박했네요!
from learning-react.
Related Issues (20)
- 24.3 헤더 컴포넌트 만들기 중 withRouter 내용 수정해주셨으면 좋겠습니다! HOT 1
- [20.3.4] 서버를 실행하고 localhost:5000에 접근하면 'React is not defined' 오류가 발생합니다. HOT 2
- 25 quill 이슈 HOT 1
- 23.6 자바스크립트 문법 문의
- 20.3.4 Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.
- 25.3.3 질문 HOT 1
- [9.4] styled-components에서 colon expected HOT 1
- p. 72~73 className을 사용하는 방법에 대한 질문입니다.
- 개정판> 24장) <Route path="/@:username"> HOT 3
- 20.4 데이터 로딩 에서 token'<' 에러 발생
- 20.5 hydrate 적용 시 에러 발생 문의드립니다.
- 24장 회원가입시 문제가 생길경우 하나의 solution
- node_modules 오류? HOT 2
- [개정판] 데이터 베이스 연결 에러 HOT 1
- Ch27.1.2 수정버튼클릭시 글쓰기 페이지로 이동 - 에디터에 제목, 태그가 나타나지 않습니다
- Chapter 22 이후 mongoose import 이슈
- Chapter 24 /@:username 이슈
- 20.4.3 UsersContainer.js 코드 중 오탈자 문의
- Chapter20 - ServerSideRendering with redux-saga
- 개정판 p104에서 3.4.1 오류가 납니다. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from learning-react.