익명의 개발노트

vue-property-decorator 클래스 기반 타입스크립트에 storybook을 설정하는 법 스토리북에서 *.stories.ts를 만들어서 vue파일을 import 하면 *.vue 파일 내부에 '@' 데코레이터를 인식을 못해서 에러가 날 것이다. 이런 경우 스토리북 웹팩을 설정해주어야 한다. .storybook 폴더 밑에 webpack.config.js 파일을 만들어 주고, 웹팩 플러그인을 설치해준다. yarn add -D fork-ts-checker-webpack-plugin //타입스크팁트 체커 // 또는 npm i -D fork-ts-checker-webpack-plugin babel-preset-vue가 없다면 반드시 설치해주어야 한다. yarn add -D babel-preset-vue ..

웹팩 자동빌드 설정하기. npm i react-hot-loader npm i webpack-dev-server 위 명령어로 설정한 다음에 webpack.config.js파일에 가서 1. module 안에있는 plugins에 'react-hot-loader/babel' 추가해준다. 2. output 안에 publicPath : '/dist/' 를 추가해준다. 웹팩 데브서버 설치시 설정해줘야함. package.json 에 들어가서 3. script > build 부분을 "webpack-dev-server --hot" 으로 변경해준다. 그 후 client.jsx 파일로 가서 const React =require('react'); const ReactDom = require('react-dom'); const ..