WEBフォントをnpmでインストールできるFontsourceをwebpackでビルドする先にエラーが出たので webpack.config.js をどうかけば良いのかのメモです。 yakuhanjp は「約物半角専用のWEBフォント」で任天堂のホームページで使われてるフォントです。 1 $ yarn add @fontsource/yakuhanjp 1 import "@fontsource/yakuhanjp"; webpackでビルドする時、何も設定してなければ @font-face のところでエラーになります。 1 2 3 4 5 6 7 8 9 10 ERROR in ./node_modules/@fontsource/yakuhanjp/index.css 2:0 Module parse failed: Unexpected character '@' (2:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

続きを読む

プロフィール画像

こたぽん

JavaScript, React, NextJS, VueJS, NuxtJS, AWS, Firebase, Git, ビールと生ハムが好き

Rakuten, Inc. CyberAgent, Inc.