Vite + Tailwind CSSã§ãƒšãƒ©ã‚¤ãƒHTMLをマークアップã™ã‚‹ã¯ã˜ã‚ã« ã¤ã„最近ã€Reactã‚‚Vueも使ã‚ãšã«é™çš„ãªãƒšãƒ©ã‚¤ãƒHTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã†å¿…è¦ã«è¿«ã‚‰ã‚Œã¾ã—ãŸã€‚ãã®éš›Viteã®Vanilla[1]テンプレートã¨Tailwindを使ã£ãŸç’°å¢ƒã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã—ãŸã¨ã“ã‚éžå¸¸ã«å¿«é©ã ã£ãŸã®ã§ã€ç’°å¢ƒæ§‹ç¯‰ã®æ‰‹é †ã‚’記事ã«ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã—ãŸã€‚ Viteを使ã†ç†ç”± Viteã¨ã„ã†ã¨Vueã‚„Reactã®é–‹ç™ºãƒ„ールã¨æ€ã‚ã‚ŒãŒã¡ã§ã™ãŒã€UIライブラリã«ä¾å˜ã—ãªã„VanillaテンプレートãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ファイルã®æ›´æ–°ã‚’検知ã—ã¦ãƒ–ラウザã¸ã®åæ˜ ã¨ã„ã£ãŸåŸºæœ¬çš„ãªæ©Ÿèƒ½ã«åŠ ãˆã¦ã€PostCSSã®ã‚µãƒãƒ¼ãƒˆã‚‚ã‚ã‚‹ã®ã§Tailwindã§ã®é–‹ç™ºã¨ç›¸æ€§ãŒè‰¯ã„ã§ã™ã€‚ セットアップ Viteã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ç«‹ã¡ä¸Šã’る普段ã®æ‰‹é †ã«åŠ ãˆã¦ã€Tailwindã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’è¡Œã„ã¾ã™ã€‚ npm create vite@latest # projectåを入力後ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯ã€Œ
jQueryã‹ã‚‰TypeScript・Reactã¾ã§ - Viteã§å§‹ã‚るモダンã§é«˜é€Ÿãªé–‹ç™ºç’°å¢ƒæ§‹ç¯‰ - ICS MEDIA
{{#tags}}- {{label}}
{{/tags}}