Tomasz Lewinski mdoff

## loaders
npm install --save-dev style-loader css-loader

## error
ERROR in ./style.css
Module parse failed: /path-to-project/style.css Line 1: Unexpected token {
You may need an appropriate loader to handle this file type.

## index.js
require('./style.css');
var print = require('./print.js');
document.write(print);

## style.css
body {
  background: #0f0;
}

## webpack.config.js
module.exports = {
    entry: ['./src/index.js'],
    output: {
      filename: './dist/bundle.js'
    }
}

## ls.sh
dist/
src/
  index.js
  print.js
  style.css
index.html
package.json
webpack.config.js

## webpack.config.js
module.exports = {
    entry: ['./index.js'],
    output: {
      filename: './bundle.js'
    }
};

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Webpack test</title>
  <script type="text/javascript" src="./bundle.js"></script>
</head>
<body>

</body>
</html>

## webpack.sh
webpack index.js bundle.js

## index.js
var print = require('./print.js');
document.write(print);
	ERROR in ./style.css
	Module parse failed: /path-to-project/style.css Line 1: Unexpected token {
	You may need an appropriate loader to handle this file type.
	require('./style.css');
	var print = require('./print.js');
	document.write(print);
	module.exports = {
	entry: ['./src/index.js'],
	output: {
	filename: './dist/bundle.js'
	}
	}
	dist/
	src/
	index.js
	print.js
	style.css
	index.html
	package.json
	webpack.config.js
	module.exports = {
	entry: ['./index.js'],
	output: {
	filename: './bundle.js'
	}
	};
	<!DOCTYPE html>
	<html>
	<head>
	<title>Webpack test</title>
	<script type="text/javascript" src="./bundle.js"></script>
	</head>
	<body>

	</body>
	</html>