PrimeNg風格未裝載webpack

我正在使用Angular2應用程序並希望使用PrimNg。PrimeNg風格未裝載webpack

所有的功能都可以正常工作，但我無法在啓動開發服務器時將樣式加載到。

萬噸的index.html

<head> 
    <title>CMS</title> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="description" content="Angular2 File Upload"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/themes/aristo/theme.css" /> 
    <link rel="stylesheet" type="text/css" href="../node_modules/font-awesome/css/font-awesome.min.css" /> 
    <link rel="stylesheet" type="text/css" href="../node_modules/primeng/resources/primeng.min.css" /> 
</head> 

<body> 
    <upload-component>Loading...</upload-component> 

</body> 

</html>

我webpack.config.js

var path = require('path'); 
var webpack = require('webpack'); 
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin; 
var HtmlPlugin = require('html-webpack-plugin') 

const ENV = process.env.NODE_ENV = 'development'; 
const HOST = process.env.HOST || 'localhost'; 
const PORT = process.env.PORT || 8080; 

const metadata = { 
    env: ENV, 
    host: HOST, 
    port: PORT 
}; 

module.exports = { 
    devServer: { 
     contentBase: path.join(__dirname, '../webapp/app'), 
     stats: "errors-only", 
     historyApiFallback: true 
    }, 
    stats: "errors-only", 
    devtool: 'source-map', 

    entry: { 
     '@angular': [ 
      'rxjs', 
      'reflect-metadata', 
      'zone.js' 
     ], 
     'common': ['es6-shim'], 
     'app': './app/src/main.ts' 
    }, 

    output: { 
     path: path.join(__dirname, '../webapp/app'), 
     filename: '[name].js', 
     sourceMapFilename: '[name].js.map', 
     chunkFilename: '[id].chunk.js' 
    }, 
    module: { 
     loaders: [{ 
      test: /\.ts$/, 
      loaders: ['ts-loader', 'angular2-template-loader'], 
      exclude: [/node_modules/, /releases/] 
     }, { 
      test: /\.json$/, 
      loader: 'json' 
     }, { 
      test: /\.css$/, 
      loader: 'raw' 
     }, { 
      test: /\.html$/, 
      loader: 'raw' 
     }, { 
      test: /\.(png|jpg)$/, 
      loader: 'url?limit=10000' 
     }] 
    }, 

    plugins: [ 
     new CommonsChunkPlugin({ 
      names: ['@angular', 'common'], 
      minChunks: Infinity 
     }), 
     new HtmlPlugin({ 
      template : path.join(__dirname, 'index.html') 
     }) 
    ], 
    resolve: { 
     extensions: ['.ts', '.js', '.json', '.css', '.html'] 
    }, 


};

有什麼建議？

來源

2016-11-07 user2960896

我有同樣的問題，這是我通過複製的風格和主題的資產文件夾中的文件夾，然後從那裏引用它們解決。 –