#2 NPM 베포

#1 NPM 베포 https://velog.io/@hunmok1027/1-NPM-%EB%B2%A0%ED%8F%AC

내가 만든 Requirements 를 베포하기 위해서는 웹팩을 설정하고 빌드해야할 필요가 있었다.

나는 빌드를 위해 rollup.js 을 선택했다.
https://rollupjs.org/guide/en/

그런다음 root폴더에 rollup.config.js 파일을 생성했고 코드는 다음과 같다.

import babel from "rollup-plugin-babel";
import resolve from "@rollup/plugin-node-resolve";
import external from "rollup-plugin-peer-deps-external";
import postcss from "rollup-plugin-postcss";
import { terser } from "rollup-plugin-terser";

export default [
  {
    input: "./src/index.js",
    output: [
      {
        file: "dist/index.js",
        format: "cjs",
      },
      {
        file: "dist/index.es.js",
        format: "es",
        exports: "named",
      },
    ],
    plugins: [
      postcss({
        plugins: [],
        minimize: true,
      }),
      babel({
        exclude: "node_modules/**",
        presets: ["@babel/preset-react"],
      }),
      external(),
      resolve(),
      terser(),
    ],
  },
];

그 다음 rollup -c 를 실행해주면 빌드가 완료된다!
베포는 간단하게 터미널에서 npm login => npm publish 순으로 해주면 된다. 마지막으로 베포전에 package.json 에서 베포할 폴더를 설정해주는 걸 잊지말자