React Alias Config

homewiz·2023년 11월 22일

React [Webpack]

목록 보기
3/11
post-thumbnail

INTRO

파일 경로 설정방법에 대해...
./src/home/app.js => @/home/app.js

//webpack.config.js
const path = require("path");
...

resolve: {
  - extensions: [".js", ".jsx", ".ts", ".tsx"]
  + modules: [path.resolve(__dirname, "src"), "node_modules"],
  + extensions: [".js", ".jsx", ".json", ".ts", ".tsx", ".css", ".scss"],
  + alias: {
  + "@": path.resolve(__dirname, "src"),
  + },
},
...
  • 위 코드를 추가 해준다. css, scss는 향후 작업 을 위해 미리 추가 해준다.

    "@": path.resolve(__dirname, "src"),
    이부분이 root//src 이 경로는 @로 대체 하여 쓸수 있게 해준다.
    ex) @/home/app.js => ./src/home/app.js

기호에 맞게 @home, @hooks 등을 추가 하면 되지만 구지 구차쿠로

source

https://bitbucket.org/code7004/react-webpack/src/b2478aa64682fd6c6009801b5e7699a26d4cb580/

0개의 댓글