反応項目パスの設定



このように各フォルダにindexを作成します.jsがあった
各インデックス.jsには次の行しか入力されていません
export { default } from "./SignUp";
// 해당 js파일의 경로
このようにする原因はもとは

私は自分で彼を探しに行かなければならない.
今回のように、各ページにindexがあります.jsファイルを作成します.

こんなに簡単にパスを指定できるので

追加210929


ブログのソース
各Login,SignUp,Mainなどのページで使用されるコンテンツが多くなるため,相対パスを1つずつ導入することは困難であるため,모듈화を行う.
各フォルダの下のindex.jsファイルを作成して内容を入力する場合
export { default } from "./SignUp"
対応するブログでは、コードでdefaultに設定されている部分のみが表示されます.同様に、上記の内容を作成せずにdefaultに設定されている部分のみをインポートできます.
const glob = require('glob');
const path = require('path');

const folder = "./src/components/";
const select = "!(index)"; // 이 파일 제외
const format = ".js";
const local = folder + select + format;

module.exports = {};
glob.sync(local).forEach(file => {
  const name = path.basename(file, format);
  const m = require('./' + name).default;
  module.exports[m.name] = m;
});
もし、もし
import glob from 'glob';
import文を使用すると、タイプエラーが発生します.
importとmodule.exportsは一緒に使えないので