SASS + LESS support

Author: danmindru

README.md

@@ -16,7 +16,7 @@ Get that prototype out!
 
 ## Running
 ```bash
-npm run prototype
+npm run proto
 ```
 
 

config/webpack.js

@@ -24,14 +24,21 @@ var webpackConfig = {
       './index.js'
     ]
   },
+
   output: {
     path: distPath,
     filename: 'index.js',
     publicPath: publicPath
   },
-  loaders: [
-    {test: /\.css$/, loaders: ['style', 'css']},
-  ],
+
+  module: {
+    loaders: [
+      {test: /\.css$/, loaders: ['style', 'css']},
+      {test: /\.scss$/, loaders: ["style", "css", "sass"]},
+      {test: /\.less$/, loaders: ["style", "css", "less"]}
+    ]
+  },
+
   plugins: [
     new HtmlWebpackPlugin({
       title: "Prototype that thing like there's no tomorrow"

package.json

@@ -4,7 +4,7 @@
   "description": "Yet another attempt to make some kind of framework-thing to prototype other things.",
   "main": "index.js",
   "scripts": {
-    "proto": "node config/webpack.js --hot --inline"
+    "proto": "node config/webpack.js"
   },
   "repository": {
     "type": "git",
@@ -23,7 +23,11 @@
   "homepage": "https://github.com/danmindru/politically-correct-dumb-prototype-boiler#readme",
   "devDependencies": {
     "clean-webpack-plugin": "^0.1.6",
+    "less": "^2.5.3",
+    "less-loader": "^2.2.2",
+    "node-sass": "^3.4.2",
     "postcss-loader": "^0.8.0",
+    "sass-loader": "^3.1.2",
     "webpack": "^1.12.12",
     "webpack-dev-server": "^1.14.1",
     "webpack-hot-middleware": "^2.6.4"

src/index.js

@@ -1,2 +1 @@
-console.log('Whatnot');
-require('style!css!./style.css');
+console.log('Hello world');

src/style.css

@@ -0,0 +1,6 @@
+/*
+ * Feeling nostalgic? Use CSS, it just works™
+ * Don't need this file? Delete this file or don't care about it.
+ * Remember to `require` this file to use it in a module.
+ *
+ */

src/styles/style.css

@@ -0,0 +1,6 @@
+/*
+ * LESS support is here 🚀
+ * Don't use LESS? Delete this file or don't care about it.
+ * Using LESS? Remember to `require` this file to use it in a module.
+ *
+ */

src/styles/style.less

@@ -0,0 +1,6 @@
+/*
+ * SASS support is here 🚀
+ * Don't use SASS? Delete this file or don't care about it.
+ * Using SASS? Remember to `require` this file to use it in a module.
+ *
+ */