2017-11-25 8 views
2

だから、私はnode jsを初めて使っています。マイフォルダには、私はnode.jsを使用して、私のindex.htmlに示すことがCSS folderの内側にある私のstyle.cssをしたい、このNODE.JS node.jsを使用してCSSと呼ばれるフォルダ内にあるCSSファイルを表示する方法server.jsとindex.htmlがフォルダの外にある

NODE //my main folder here 

      ->CSS //this is a folder 
      ->IMAGES //this is a folder 
      ->node_modules //this is a folder where intalled npms are stored 
      ->index.html 
      ->server.js 

のように見えます。

app.use(express.static(path.join(__dirname, 'CSS'))); 
+0

システムがどのように機能しているか理解できるように、ノードコードの一部を提供できますか? – Intervalia

+0

私が見たほとんどのノードアプリケーションは、ブラウザファイル/クライアントファイルからサーバファイルを分離します。クライアントファイルはすべて、 'public'や' client'という名前のフォルダの下に存在します。例えば、 'public'にHTMLファイル、' public/css'にCSSファイル、 'public/js'にJSファイルなどがあります。 – Intervalia

答えて

1

は、CSSのディレクトリを含めるあなたの助けいただければ幸いです。それには、あなたのサーバーファイル上のcomman required.Afterであるすべてのcss、js、assetsフォルダが含まれている必要があります。

app.use(express.static('CSS')) 

を、あなたは、通常のhtmlファイルで行うように、そのあとは、直接CSSやその他の公共のファイルをリンクすることができます

app.use(express.static('public')) 

あなたのケースのためには使用することができます。

1

ベストプラクティスは、メインディレクトリ内のパブリックフォルダを作成することです:

私はserver.jsでindex.htmlを

<link rel="stylesheet" href="style.css"> 

関連する問題