webpack config 자동완성 되도록 설정하기

프론트엔드

2023. 5. 5. 16:55

아무래도 webpack config를 작성하면서 자동완성이 안되다 보니 오타 없이 제대로 작성한 것인지 의문이 들 때가 많습니다.

그래서 검색해봤는데 webpack config에도 타입을 지정하여 자동완성을 가능케 할 수 있었습니다.

webpack.config.js

/** @type {import('webpack').Configuration} */
module.exports = {
  mode: "development",
  resolve: {
    extensions: [".ts", ".js", ".tsx", ".jsx"],
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx|js|jsx)$/,
        use: "ts-loader",
        exclude: /node_modules/,
      },
    ],
  },
};

module.exports = {} 위에 @type 주석을 추가하면 됩니다. 상단의 코드 블럭을 참고해주세요.