添加基礎的WebPack

Question

我按照官方教程建立反應，打字稿及的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

，那麼你需要包括基礎在你的根css文件像

@import 'foundation'; 

最後你需要它別名配置的WebPack裏面。例如，當您使用sass loader時

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