next.config.js 에서
제가 잘못한건지... styled-components 적용하려고 하면 화면이 깜빡거리는 것 같은 현상을 겪어서
sass 로적용해보려고
@zeit/next-sass, @zeit/next-css 설치 후
기존 코드에
const withSass = require('@zeit/next-sass');
const withCSS = require('@zeit/next-css');
module.exports = withCSS(
withSass(
withBundleAnalyzer({
distDir: '.next',
webpack(config) {
const prod = process.env.NODE_ENV === 'production';
const plugins = [...config.plugins];
if (prod) {
plugins.push(new CompressionPlugin());
}
config.module.rules.push({
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
use: {
loader: 'url-loader',
options: {
limit: 100000,
},
},
});
return {
...config,
mode: prod ? 'production' : 'development',
devtool: prod ? 'hidden-source-map' : 'eval',
plugins,
};
},
}),
),
);
저런식으로 적용했는데 되질 않아서 ㅠㅠ 질문드려요 ㅠㅠ...
새로 프로젝트 만들어서 해보면 거기서는 적용이 되는데
지금 구조에서는 이게 불가능한건지... 암튼 도통 감이오질 않아 여쭙니다 ㅠㅠ