Initial Commit

Jake Buob · Jake Buob · commit 0fb2850383ee · 2016-09-10T15:52:08.000-04:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+bundle.js
diff --git a/entry.js b/entry.js
@@ -0,0 +1,3 @@
+require('./required-file');
+
+document.write('Hello World.');
diff --git a/imported-file.css b/imported-file.css
@@ -0,0 +1,3 @@
+body {
+  color: blue;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,8 @@
+<html>
+  <head>
+    <title>Whoops</title>
+  </head>
+  <body>
+    <script type="text/javascript" src="/bundle.js" charset="utf-8"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "postcss-import-issue",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "$(npm bin)/webpack-dev-server --progress --colors --inline --hot"
+  },
+  "devDependencies": {
+    "css-loader": "^0.23.1",
+    "postcss-import": "^8.1.2",
+    "postcss-loader": "^0.13.0",
+    "precss": "^1.4.0",
+    "style-loader": "^0.13.1",
+    "webpack": "1.13.1",
+    "webpack-dev-server": "1.14.1"
+  }
+}
diff --git a/required-file.css b/required-file.css
@@ -0,0 +1,5 @@
+body {
+  background-color: pink;
+}
+
+@import './imported-file.css';
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,21 @@
+module.exports = {
+  entry: "./entry.js",
+  output: {
+    path: __dirname,
+    filename: "bundle.js"
+  },
+  module: {
+    loaders: [
+      { test: /\.css$/, loader: "style-loader!css-loader!postcss-loader" }
+    ]
+  },
+  postcss: function (webpack) {
+    return [
+      require('precss'),
+      require('postcss-import')({ addDependencyTo: webpack }),
+    ];
+  },
+  resolve: {
+    extensions: ['', '.js', '.css']
+  }
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+require('./required-file');`
	`2`	`+`
	`3`	`+document.write('Hello World.');`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,8 @@ @@
 +<html>
 +  <head>
 +    <title>Whoops</title>
 +  </head>
 +  <body>
 +    <script type="text/javascript" src="/bundle.js" charset="utf-8"></script>
 +  </body>
 +</html>