Railsã§Vue.jsã®SFC（å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼‰ã‚’使ã†ãŸã‚ã«Webpackを入れã¦ã¿ãŸ - SMARTCAMP Engineer Blogã“ã‚“ã«ã¡ã¯ã€‚エンジニアã®ç¬¹åŽŸã§ã™ã€‚ スマートã‚ャンプã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã«Vue.jsã‚’å–り入れã¦ã„ã¾ã™ã€‚ Vue.jsã§é–‹ç™ºã™ã‚‹ã†ãˆã§ã€SFC（å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼‰ã‚’利用ã§ãã‚‹ã“ã¨ã¯è‰¯ã•ã®ä¸€ã¤ã ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã€Sprocketsã§ã‚¢ã‚»ãƒƒãƒˆç®¡ç†ã‚’è¡Œã£ã¦ã„ã‚‹Railsプãƒã‚¸ã‚§ã‚¯ãƒˆã«ã€Webpackを入れるã“ã¨ã§SFCを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ SFC（å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼‰ã¨ã¯ SFCã®è‰¯ã• SFCã®å®Ÿè£…方法 Sprocketsを利用ã—ã¦ã„ã‚‹Railsプãƒã‚¸ã‚§ã‚¯ãƒˆã«SFCã‚’å°Žå…¥ã™ã‚‹ 課題ã¨è§£æ±ºæ–¹æ³• 完æˆäºˆæƒ³ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹æˆ å°Žå…¥æ‰‹é †â‘ : å¿…è¦ãªnpmモジュールã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« å°Žå…¥æ‰‹é †â‘¡: Webpackã®è¨å®š å°Žå…¥æ‰‹é †â‘¢: ビルドã®å®Ÿè¡Œ 終ã‚ã‚Šã« SFC（å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼‰ã¨ã¯ Single File Componentã®ç•¥ã§ã€ãƒ†ãƒ³ãƒ—レートã€ãƒã‚¸ãƒƒ
{{#tags}}- {{label}}
{{/tags}}