Initial commit

Kevin Suen · Kevin Suen · commit f197eec4778f · 2016-12-08T04:12:25.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+/node_modules
+/build
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+Hi
diff --git a/index.css b/index.css
@@ -0,0 +1,3 @@
+.test {
+  background: tomato;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="main.js"></script>
+  </body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Nested from './nested';
+
+import './index.css';
+
+// Import html file into build
+require('file?name=[name].[ext]!./index.html')
+
+class App extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  render() {
+    return (
+      <div styleName='test'>
+        Hello
+        <Nested />
+      </div>
+    );
+  }
+
+}
+
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/index.scss b/index.scss
@@ -0,0 +1,3 @@
+.test {
+  background: lightgreen;
+}
diff --git a/nested.js b/nested.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import './index.scss';
+
+class Nested extends React.Component {
+
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div styleName='test'>
+        Nested
+      </div>
+    );
+  }
+
+}
+
+export default Nested;
diff --git a/package.json b/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "babel-plugin-react-css-modules-test",
+  "version": "1.0.0",
+  "description": "Testing babel-plugin-react-css-modules",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack-dev-server",
+    "build": "webpack",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": "https://github.com/ksrb/babel-plugin-react-css-modules-test",
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "autoprefixer": "^6.5.3",
+    "babel-cli": "^6.18.0",
+    "babel-loader": "^6.2.9",
+    "babel-plugin-react-css-modules": "^1.1.0",
+    "babel-preset-react-app": "^2.0.1",
+    "css-loader": "^0.26.1",
+    "file-loader": "^0.9.0",
+    "node-sass": "^3.13.0",
+    "postcss-loader": "^1.2.0",
+    "resolve-url-loader": "^1.6.0",
+    "sass-loader": "^4.0.2",
+    "style-loader": "^0.13.1",
+    "webpack": "^1.14.0",
+    "webpack-dev-server": "^1.16.2"
+  },
+  "dependencies": {
+    "react": "^15.4.1",
+    "react-dom": "^15.4.1"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,64 @@
+var path = require('path');
+var autoprefixer = require('autoprefixer');
+
+module.exports = {
+  entry: './index.js',
+  output: {
+    path: path.join(__dirname, 'build'),
+    filename: '[name].js',
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        loader: 'babel',
+        exclude: /node_modules/,
+        query: {
+          presets: ['react-app'],
+          plugins: [
+            [
+              'react-css-modules',
+              {
+                generateScopedName: '[path]___[name]__[local]___[hash:base64:5]'
+              }
+            ],
+          ]
+        },
+      },
+      {
+        test: /\.css$/,
+        loaders: [
+          'style',
+          'css?importLoader=1&modules&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
+          'postcss',
+        ],
+      },
+      {
+        test: /\.scss$/,
+        loaders: [
+          'style?sourceMap',
+          'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
+          'resolve-url',
+          'sass?sourceMap'
+        ]
+      }
+    ],
+  },
+
+  postcss: function () {
+    return [
+      autoprefixer({
+        browsers: [
+          '>1%',
+          'last 4 versions',
+          'Firefox ESR',
+          'not ie < 9', // React doesn't support IE8 anyway
+        ]
+      }),
+    ];
+  },
+
+  devServer: {
+    inline: true,
+  },
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.test {`
	`2`	`+ background: tomato;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.test {`
	`2`	`+ background: lightgreen;`
	`3`	`+}`