私は基本からいくつかのフロントエンドを学ぼうとしています。私がやったことは、npmをインストールしてノードをセットアップすることです。ノードモジュールからインデックスを作成するためのboostrapが含まれています
私はnpm initを使って私のpackage.jsonファイルを作成しました。ここで私はすべての依存関係を追加できます。
私がインストールした最初のものは、boostrapでした。npm install [email protected] --saveです。これにより、node_modulesディレクトリが作成され、そのディレクトリ内にboostrapディレクトリが作成されます。
しかし、私が理解できないことは、現在私のブーストラップをindex.htmlに含めることができるかどうかです。何が実際にブーストラップを含めるための最良の方法は、そうする自動化された方法です..？
ブートストラップをインストールする場合（特定のgruntファイルまたはgulpファイルをdistフォルダに移動しない場合）、ブートストラップは "./node_modules/bootstrap/bootstrap.min.css"にあります。間違っていません。だから、そこからそれをリンクする必要があります。
<link rel="stylesheet" href="./node_modules/bootstrap/bootstrap.min.css">
をそれとも、このようなHTMLファイルにリンクし、ミドルウェアに静的フォルダを入れることができます：
app.use('/js', express.static(__dirname + '/node_modules/bootstrap/dist/js')); // redirect bootstrap JS
app.use('/js', express.static(__dirname + '/node_modules/jquery/dist')); // redirect JS jQuery
app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css')); // redirect CSS bootstrap
、その後のようなリンクを追加します。
<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>