init

bloodyowl · bloodyowl · commit f64304b66ac2 · 2014-11-28T14:38:35.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+.DS_Store?
+node_modules
+test/output/bundle.js
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - 0.10
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Putain de Code !
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,53 @@
+# cssnext-loader
+
+> a webpack loader for cssnext
+
+## install
+
+```sh
+$ npm install cssnext-loader
+```
+
+## api
+
+### cssnext
+
+in your `webpack.config.js`
+
+```javascript
+module.exports = {
+  entry: "path/to/entry",
+  output: {
+    path: "path/to/output/",
+    filename: "bundle.js"
+  },
+  cssnext : {
+    features : {
+      import : {
+        path : ["src/assets/stylesheets"]
+      }
+    }
+  }
+}
+```
+
+in your js file :
+
+```javascript
+var css = require("style-loader!css-loader!../..!./file.css")
+```
+
+you can also configure webpack so that it always parses CSS files like this :
+
+```javascript
+module: {
+  loaders: [
+    {
+      test:   /\.css$/,
+      loader: "style-loader!css-loader!cssnext-loader"
+    }
+  ]
+}
+```
+
+## [license](LICENSE)
diff --git a/index.js b/index.js
@@ -0,0 +1,21 @@
+var cssnext = require("cssnext")
+var assign = require("object-assign")
+
+function cssnextLoader(contents){
+  this.cacheable()
+  var options = assign({}, this.options.cssnext)
+  options.features = assign({}, this.options.cssnext ? this.options.cssnext.features : null)
+  options.features.import = assign({}, options.features.import || null)
+  options.features.import.onImport = function(files){
+    files.forEach(function(file){
+      this.addDependency(file)
+    }, this)
+  }.bind(this)
+  try {
+    return cssnext(contents, options)
+  } catch(err) {
+    this.emitError(err)
+  }
+}
+
+module.exports = cssnextLoader
diff --git a/package.json b/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "cssnext-loader",
+  "version": "0.1.0",
+  "description": "webpack loader for cssnext",
+  "main": "index.js",
+  "scripts": {
+    "start" : "npm install && npm test",
+    "test": "tape test/**.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cssnext/cssnext-loader.git"
+  },
+  "keywords": [
+    "webpack",
+    "cssnext",
+    "css",
+    "loader"
+  ],
+  "author": "bloodyowl",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cssnext/cssnext-loader/issues"
+  },
+  "homepage": "https://github.com/cssnext/cssnext-loader",
+  "dependencies": {
+    "cssnext": "^0.6.0",
+    "object-assign": "^2.0.0"
+  },
+  "devDependencies": {
+    "css-loader": "^0.9.0",
+    "style-loader": "^0.8.2",
+    "tape": "^3.0.3",
+    "webpack": "^1.4.13"
+  }
+}
diff --git a/test/fixtures/file.css b/test/fixtures/file.css
@@ -0,0 +1,5 @@
+body {
+  color: var(--foo);
+}
+
+@import "./foo.css";
diff --git a/test/fixtures/foo.css b/test/fixtures/foo.css
@@ -0,0 +1,3 @@
+:root {
+  --foo: red;
+}
diff --git a/test/fixtures/index.js b/test/fixtures/index.js
@@ -0,0 +1,3 @@
+var css = require("style-loader!css-loader!../..!./file.css")
+
+module.exports = css
diff --git a/test/index.js b/test/index.js
@@ -0,0 +1,31 @@
+var webpack = require("webpack")
+var path = require("path")
+var tape = require("tape")
+var fs = require("fs")
+
+tape("cssnext-loader", function(test){
+  webpack({
+    entry: "./test/fixtures/index.js",
+    output: {
+      path: "./test/output/",
+      filename: "bundle.js"
+    },
+    cssnext : {
+      features : {
+        import : {
+          path : ["test/fixtures/"]
+        }
+      }
+    }
+  }, function(err, stat){
+    var file = ""
+    fs.createReadStream("test/output/bundle.js")
+      .on("data", function(chunk){
+        file += chunk
+      })
+      .on("end", function(){
+        test.equal(/color\s*:\s*red/.test(file), true)
+        test.end()
+      })
+  })
+})
diff --git a/test/output/bundle.js b/test/output/bundle.js
diff --git a/test/output/index.html b/test/output/index.html

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+language: node_js`
	`2`	`+node_js:`
	`3`	`+ - 0.10`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +body {
 +  color: var(--foo);
 +}
++
 +@import "./foo.css";
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+var css = require("style-loader!css-loader!../..!./file.css")`
	`2`	`+`
	`3`	`+module.exports = css`