Frontend/Bundler (4) 썸네일형 리스트형 웹팩에러 There are multiple modules with names that only differ in casing. ./node_modules/Axios/lib/utils.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: 같은 모듈을 2개이상 썻을때 에러가난다. 어느 파일에서 같은 모듈을 import하고있다. [해결중] 0 velerabilities 만들기 상세보기 npm audit 8개중 1개문제 해결을위해 postcss 다운그레이드를 시도한다 npm i postcss@7.0.35 node_modules폴더를 삭제햇다가 다시 설치해보자 npm remove-node-modules npm install 안돼네 흠.. Parcel 사용방법(+babel, autoprefixer, degit) 번들러란? 더보기 쉽게말해서 리액트,scss등으로 작업한 결과물을 html, css, js로 변환해주는것 번들러중에는 Parcel이라는 번들러가 있고 웹팩 번들러에 비해 정해져있는편이라 소형프로젝트를 할때 유용하다. 바벨? 더보기 Babel is a free and open-source JavaScript transcompiler that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript that can be run by older JavaScript engines. Babel is a popular tool for using the newest features of the Jav.. 웹팩 최소설정으로 리액트 개발환경 create-react-app이 아니라 최소의 리액트 파일로 개발하려할때 필요 webpack과 webpack-cli를 dev dependency에 설치한다. npm i -D webpack webpack-cli jsx, html, image, png등을 변환하기위해 설치 npm i -D css-loader style-loader npm i file-loader npm i html-plugin -D npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader @babel/plugin-proposal-class-properties script에 build에 내용을 webpack으로 변경 위 스크립트를 실행해보자 npm run build 에러가.. 이전 1 다음
