위한 '모듈을 찾을 수 없습니다'반환합니다. body
에서 스타일을 지정하면 작동하는지 확인할 수 있습니다. 그리고 내 webpack.config.js
파일이 있습니다 : 내가 전에 ../ 추가, 그것은로드 얻을 수있는 모든 방법을 시도웹팩 번들은 내가 폴더는 다음과 같이 구성되어 응용 프로그램이 CSS
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')
)
:이 같은 index.js
에 필요한 CSS 파일을 넣어 가지고
// 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]
};
자산 단어와 everythig,하지만 난 그냥 콘솔에서이 오류를 수신 유지 : Error: Cannot find module "assets/css/myapp.css"
및 css-loader
및을3210은 모두 /node_modules
폴더에 있습니다.
내가 뭘 잘못하고 있니? 나는 3 시간 이상 그것에 붙어있어, 수십 개의 자습서를 확인하고, 나는 모두 지정했다. 도와 주셔서 감사합니다!
require ('./ assets/css/myapp.css'); 대신 require ('assets/css/myapp.css'); ? – QoP
네, 그냥 보았습니다 ... 당신은 전적으로 라이트입니다. 정답은 당신 것입니다. –