Merge pull request #25 from Code-by-practice/develop

hegdeashwin · hegdeashwin · commit 0403937c4680 · 2016-01-25T01:21:36.000+05:30
Adds CSSLint eg
diff --git a/README.md b/README.md
@@ -21,3 +21,4 @@
 |13|```webpack```|Shows how to configure jshint & JSCS loaders for JavaScript linting|
 |14|```webpack```|Shows how to load Handlebars templates file|
 |15|```webpack```|Shows how to load LESS loader|
+|16|```webpack```|Shows how to configure CSSLint loader for CSS linting|
diff --git a/codes/example-16/entry.js b/codes/example-16/entry.js
@@ -0,0 +1 @@
+require('./styles.css');
diff --git a/codes/example-16/index.html b/codes/example-16/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Eg16: CSSLint</title>
+  </head>
+  <body>
+    <div id="container">
+      <h1>Hello World</h1>
+      <h2>Experiment with Webpack</h2>
+    </div>
+
+    <script type="text/javascript" src="bundle.js"></script>
+  </body>
+</html>
diff --git a/codes/example-16/styles.css b/codes/example-16/styles.css
@@ -0,0 +1,7 @@
+#container h1 {
+  color: blue;
+}
+
+#container  h2 {
+  color: green;
+}
diff --git a/codes/example-16/webpack.config.js b/codes/example-16/webpack.config.js
@@ -0,0 +1,12 @@
+module.exports = {
+  entry: './entry.js',
+  output: {
+    filename: 'bundle.js'
+  },
+  module: {
+    loaders: [{
+      test: /\.css$/,
+      loader: 'style?css!csslint'
+    }]
+  }
+};
