참조: https://jeonghwan-kim.github.io/series/2019/12/30/frontend-dev-env-lint.html 프론트엔드 개발환경의 이해: 린트 1. 배경 오래된 스웨터의 보푸라기 같은 것을 린트(Lint)라고 부른다. 보푸라기가 많으면 옷이 보기 좋지 않은데 코드에서도 이런 보프라기가 있다. 들여쓰기를 맞추지 않은 경우, 선언한 변수를 jeonghwan-kim.github.io yarn add eslint prettier --dev eslint & prettier 설치 yarn eslint --init 위 명령어로 eslint 기초 설정 진행 yarn add eslint-config-prettier eslint-plugin-prettier --dev * eslint-c..
sass-loader 추가 후 빌드 에러 발생 { test:/\.(css|scss|sass)$/i, use: [ !devMode ? MiniCssExtractPlugin.loader : 'style-loader', 'css-loader', 'sass-loader' ] }, sass 추가 설치 후 해결 yarn add sass -d 참조: https://velog.io/@devstefancho/webpack-sass-loader-Error-Cannot-find-module-sass [webpack] sass-loader Error (Cannot find module 'sass') sass-loader를 사용하는데 error가 발생했다.현재 webpack.config.js의 sass-loadernode-sa..
문제 webpack.config.ts import path from "path"; module.exports = { mode: 'development', entry: { main1: './src/app.tsx' }, output: { path: path.resolve('./dist'), // 절대경로 입력 filename: '[name].tsx' }, module: { rules: [ { test:/\.css$/i, use: ['style-loader', { loader:'css-loader', }] }, { test:/\.(png|jpg)$/, loader: 'file-loader', options: { publicPath: './dist/', name: '[name].[ext]?[hash]', } }..