CSS를 사용할 수 없습니다 js 서버 쪽

Question

내 webpack 구성에 많은 규칙을 추가하려고했지만 아무것도 작동하지 않습니다.

My Github Sample. 나는 CSS 파일을 사용하는 wan't하지만 CSS를로드하는 데 어떤 변화를 모르는 :

{ 
    test: /\.css$/, 
    loader: 'style!css' 
} 

나 :

{ 
    test: /\.css$/, 
    use: ['css-loader', 'style-loader'] 
} 

당신이 아이디어를 가지고 있습니까 내가 좋아하는 뭔가를 시도

을 ?

편집 :

이 내 모든 webpack.config.js 파일입니다

const path = require("path") 

CONST이 웹팩 = 필요 ("웹팩")

module.exports = { 
entry: [ 
    "react-hot-loader/patch", 
    "webpack-dev-server/client?http://localhost:8080", 
    "webpack/hot/only-dev-server", 
    "./src/browser/index.js" 
], 
output: { 
    path: path.resolve(__dirname, "build", "assets"), 
    filename: "app.min.js", 
    publicPath: "/assets/" 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.js$/, 
      loader: "babel-loader" 
     }, 
     { 
      test: /\.(jpe?g|png|gif|svg|ico)$/i, 
      loaders: [ 
       'file-loader?hash=sha512&digest=hex&name=[hash].[ext]', 
       'image-webpack-loader' 
      ] 
     }, 
     { 
      test: /\.css$/, 
      loader: "style-loader!css-loader" 
     } 
    ] 
} 

, 
plugins: [ 
    new webpack.HotModuleReplacementPlugin() 
], 
resolve: { 
    alias: { 
     component: path.resolve(__dirname, "src", "component"), 
     actions: path.resolve(__dirname, "src", "actions"), 
     reducers: path.resolve(__dirname, "src", "reducers"), 
     store: path.resolve(__dirname, "src", "store") 
    } 
}, 
devServer: { 
    host: "localhost", 
    port: 8080, 
    hot: true, 
    proxy: { 
     "**": "http://localhost:3000" 
    } 
} 

};

좋아, 내가 시작할 때이 오류가 그래서하지만 구축 할 수 있습니다 이유를 알고 있지만하지 않는 : 당신이 당신의 컴퓨터에 직접 REPO을 시도 할 수 있도록 내가 GitHub의 저장소를 업데이트

/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034 return window && document && document.all && !window.atob; ^

ReferenceError: window is not defined at >/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68034:2 at /Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68023:46 at module.exports (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:68078:46) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67899:38) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:67852:69) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56338:82) at webpack_require (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:20:30) at Object. (/Users/psyycker/Documents/ReactJS/IntranetReactJS/build/server.js:56216:93) [nodemon] app crashed - waiting for file changes before starting...

을

Answer 1

내가 github의의 REPO에서 그것을 볼 수 있지만, 당신이 그것을 사용 않은 경우, 다음에 webpack.config.js이를 추가 할 수 없습니다 : 나는 스타일/CSS 로더 패키지를 찾을 수 없기 때문에 또한

module: { 
    loaders: [ 
     ...., 
     { 
      test: /\.css$/, 
      loader: "style-loader!css-loader" 
     } 
    ] 
} 

과에run npm install --save-dev style-loader css-loader