私が反応セットアップする公式のチュートリアルに従っているのWebPACK

Question

の基礎、ここからtypescriptですとWebPACKの追加：この時点まではhttps://www.typescriptlang.org/docs/handbook/react-&-webpack.html

それは罰金、動作します。

ここではfoundation CSS frameworkを使用します。 は、だから私はnpm install --save foundation

を走った後、私は見えるように私のTSXファイルを変更：

import * as React from "react"; 
import * as ReactDOM from "react-dom"; 

import * as React from "react"; 
import * as ReactDOM from "react-dom"; 

ReactDOM.render(
    <a class="button" href="#">Default Button</a>, 
    document.getElementById("example") 
); 

は最後に、私はwebpackを走りました。
しかし、私は生成されたindex.htmlを開くと、 "ボタン"は存在しません。スタイルは適用されませんでした。

私はdist /フォルダの中に、私はCSSに関連し何も表示されません...

私が何かが欠けてるようです。 webpackと追加の設定が必要ですか？まず

Answer 1

、基礎は npm install --save foundation-sites

としてインストールされ、その後、あなたはWebPACKのコンフィグ内側にエイリアスする必要が

@import 'foundation'; 

そして最後のようなあなたのルートCSSファイルで基盤を含める必要があります。例えば、あなたがサスローダーを使用しているとき

module: {, 
    sassLoader: { 
    includePaths: [ 
     path.resolve(__dirname, "./node_modules/foundation-sites/scss") 
    ] 
    }