cors
정책 때문에 반드시 서버가 필요webpack-dev-server
// webpack.config.js:
module.exports = {
devServer: {
contentBase: path.join(__dirname, "dist"), // 정적파일을 제공할 경로. 기본값은 웹팩 아웃풋이다.
publicPath: "/", // 브라우져를 통해 접근하는 경로. 기본값은 '/' 이다.
host: "dev.domain.com",
overlay: true, // 빌드시 에러나 경고를 브라우져 화면에 표시
port: 8081, // 포트 설정
stats: "errors-only", // 메세지 수준 설정
historyApiFallback: true,
},
}
devServer.setupMiddlewares (webpack5)
connect-api-mocker
proxy
css-minimizer-webpack-plugin
: css 파일 압축terser-webpack-plugin
: console.log와 같은 코드 제거SplitChunksPlugin
: 코드를 분리할 때 중복되는 코드를 별도의 파일로 분리하여 관리해준다