You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
9장 컴포넌트 스타일링 프로젝트 따라 하다 보면
webpack.config.dev.js 설정파일에서
책 내용은 아래처럼 나옴니다.
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
modules: true,
localIdentName: '[path][name]__[local]--[hash:base65:5]'
},
},
근데 막상 따라 해 보면
제 프로젝트 코드에는 아래처럼 나옵니다.
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: cssOptions
},
cssOptions 값을 찾아서 직접 수정 할려구 하니
수정할 곳을 찾지 못하겠습니다.
어디서 수정을 해야 하는가요?
제 프로젝트의 설정파일의 getStyleLoaders 전체 코드는 아래와 같습니다.
const getStyleLoaders = (cssOptions, preProcessor) => {
const loaders = [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: cssOptions
},
{
// Options for PostCSS as we reference these options twice
// Adds vendor prefixing based on your specified browser support in
// package.json
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebook/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
require('postcss-preset-env')({
autoprefixer: {
flexbox: 'no-2009',
},
stage: 3,
}),
],
},
},
{
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.styles]
}
}
];
if (preProcessor) {
loaders.push(require.resolve(preProcessor));
}
return loaders;
};
The text was updated successfully, but these errors were encountered:
ghost
changed the title
책 따라 하는데 오류가 나서 더이상 진도를 못나갑니다.ㅠㅠ
책과 다른 내용이 있어서 여쭈어 봅니다.
Dec 4, 2018
9장 컴포넌트 스타일링 프로젝트 따라 하다 보면
webpack.config.dev.js 설정파일에서
책 내용은 아래처럼 나옴니다.
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
modules: true,
localIdentName: '[path][name]__[local]--[hash:base65:5]'
},
},
근데 막상 따라 해 보면
제 프로젝트 코드에는 아래처럼 나옵니다.
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: cssOptions
},
cssOptions 값을 찾아서 직접 수정 할려구 하니
수정할 곳을 찾지 못하겠습니다.
어디서 수정을 해야 하는가요?
제 프로젝트의 설정파일의 getStyleLoaders 전체 코드는 아래와 같습니다.
const getStyleLoaders = (cssOptions, preProcessor) => {
const loaders = [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: cssOptions
},
{
// Options for PostCSS as we reference these options twice
// Adds vendor prefixing based on your specified browser support in
// package.json
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebook/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
require('postcss-preset-env')({
autoprefixer: {
flexbox: 'no-2009',
},
stage: 3,
}),
],
},
},
{
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.styles]
}
}
];
if (preProcessor) {
loaders.push(require.resolve(preProcessor));
}
return loaders;
};
The text was updated successfully, but these errors were encountered: