webpack_config.js的文件下的代码：

module.exports = {

entry: "./src/js/index.js",

output: {

path: __dirname,

filename: "src/bundle.js",

publicPath: "/src/"

},

module: {

loaders: [

{

test: /\.js$/,

exclude: /node_modules/,

loader: 'babel-loader',

include: __dirname,

query: {

presets: [ "es2015", "react" ]

}

},

{

test:/\.css$/,

loader:'style!css-loarder?modules&importLoaders=1&localIdentName=[name]_[local]_[hash:base64:5]'

}

]

}

}

引入相关css的文件：

import React from 'react';

var HeaderCss = require("../../css/style.css");

export default class CompontentHeader extends React.Component{

render(){

return (

<div className = {HeaderCss} >

<p>{this.props.username}{this.props.age}</p>

</div>

)

}

}