Q&A
どのようなJavaScriptを書いていますか？
webpackを勉強中です。
html-webpack-pluginを使用しているのですが、
ビルドした時にdistの中に生成されるindex.htmlの中で読み込まれるmain.jsが、
bodyの終了タグの直前で読み込まれてしまいます。
今のままだとページを読み込んだ時に一瞬ページが崩れてしまうので、headの中で読み込みたいのですが
何か方法はありますでしょうか？
コメントありがとうございます。
// import文を使ってstyle.cssファイルを読み込む
import "./style.scss";
//vue-smoothscroll
import smoothScroll from 'vue-smoothscroll'
Vue.use(smoothScroll);
//fontawesome
import '@fortawesome/fontawesome-free/js/fontawesome';
import '@fortawesome/fontawesome-free/js/solid';
import '@fortawesome/fontawesome-free/js/regular';
です。
そもそもbodyの終了タグ直前で読み込んでも崩れないようにjsの内容を書くべきなのでしょうか...
回答1件
0
ベストアンサー
そもそもbodyの終了タグ直前で読み込んでも崩れないようにjsの内容を書くべきなのでしょうか...
そうですね。
ただ、<head>にそのまま書いてしまうと実行時点でエレメントがないということになってしまって、結局DOMContentLoadedまで待たせる他ない、ということもよくあります。そうなれば、<body>の最後に書くほうがむしろ早いタイミングで実行できます。
投稿2019/11/01 05:00
総合スコア145967
あなたの回答
tips
プレビュー
