Webpack Bündel kehrt für CSS

Question

Ich habe eine app ‚Kann nicht Modul finden‘, welche Ordner wie folgt strukturiert sind:

/app/ 
    |- /assets/ 
    | |- /css/ 
    |  |- myapp.css 
    |- index.html 
    |- index.js 
/dist/ 
/node_modules/ 
.babelrc 
package.json 
webpack.config.js 

myapp.css ist eine einfache, einfache CSS, mit nichts Besonderes. Nur ein Styling auf body, um zu sehen, ob es funktionierte. Und meine webpack.config.js Datei hat das:

var React = require('react'); 
var ReactDOM = require('react-dom'); 

require('assets/css/myapp.css'); 

var HelloWorld = React.createClass({ 
    render: function() { 
     return (
      <div> Hello ReactJs</div> 
     ) 
    } 
}); 

ReactDOM.render(
    <HelloWorld />, 
    document.getElementById('app') 
) 

Ich habe alle Möglichkeiten versucht, es zu bekommen geladen, das Hinzufügen ../ vor:

// In webpack.config.js 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({ 
    template: __dirname + '/app/index.html', 
    filename: 'index.html', 
    inject: 'body' 
}); 
module.exports = { 
    entry: [ 
    './app/index.js' 
    ], 
    output: { 
    path: __dirname + '/dist', 
    filename: "index_bundle.js" 
    }, 
    module: { 
    loaders: [ 
     {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}, 
     {test: /\.css$/, loaders: ['style', 'css']} 
    ] 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

Ich habe die erforderliche CSS-Datei auf index.js so sagen Vermögenswerte Wort und everythig, aber ich einfach diesen Fehler auf der Konsole empfangen: Error: Cannot find module "assets/css/myapp.css"

ich überprüfen haben, und css-loader und style-loader sind beide auf /node_modules Ordner.

Was mache ich falsch? Ich stecke mehr als 3 Stunden darauf, überprüfte Dutzende von Tutorials, und ich habe alles angegeben. Danke für die Hilfe!

Answer 1

Nun ... Ich brauchte nur ./ der Linie benötigen hinzuzufügen, wie folgt aus:

require('./assets/css/myapp.css');

hoffe, das hilft jemand anderes. Danke, @QoP