反応項目パスの設定
このように各フォルダに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は一緒に使えないので
Reference
この問題について(反応項目パスの設定), 我々は、より多くの情報をここで見つけました https://velog.io/@beanlove97/react-project-경로설정テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol