extractCSS

Author: 杨益良

example1/.npmrc

@@ -0,0 +1,6 @@
+registry=http://r.npm.sankuai.com
+disturl=http://npm.sankuai.com/dist/node
+sass_binary_site=http://npm.sankuai.com/dist/node-sass
+phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
+profiler_binary_host_mirror=https://npm.taobao.org/mirrors/node-inspector/
+fse_binary_host_mirror=https://npm.taobao.org/mirrors/fsevents/

example1/package.json

@@ -10,9 +10,13 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "css-loader": "^0.23.1",
+    "extract-text-webpack-plugin": "^1.0.0",
     "fetch": "^1.0.0",
     "html-webpack-plugin": "^2.10.0",
-    "react": "^0.14.7"
+    "node-sass": "^4.5.0",
+    "react": "^0.14.7",
+    "sass-loader": "^5.0.1"
   },
   "devDependencies": {
     "css-loader": "^0.23.1",

example1/src/testExtract/js1.js

@@ -0,0 +1,4 @@
+require('./style1.css')
+require('./style2.css')
+require('./sass1.scss')
+require('./sass2.scss')

example1/src/testExtract/js2.js

@@ -0,0 +1,4 @@
+require('./style1.css')
+require('./style2.css')
+require('./sass1.scss')
+// require('./sass2.scss')

example1/src/testExtract/sass1.scss

@@ -0,0 +1,3 @@
+h1 {
+    margin: 0px;
+}

example1/src/testExtract/sass2.scss

@@ -0,0 +1,3 @@
+h2 {
+    margin: 0px;
+}

example1/src/testExtract/style1.css

@@ -0,0 +1,3 @@
+html {
+    font-size: 12px;
+}

example1/src/testExtract/style2.css

@@ -0,0 +1,3 @@
+body {
+    color: red;
+}

example1/src2/page1.js

@@ -1,6 +1,6 @@
 var Vue = require('./Vue');
 var component1 = require('./component1');
 var component2 = require('./component2');
-// var component3 = require('./component3');
+var component3 = require('./component3');
 
 console.log('page1');

example1/src2/page2.js

@@ -1,6 +1,6 @@
 var Vue = require('./Vue');
 var component1 = require('./component1');
 var component2 = require('./component2');
-// var component3 = require('./component3');
+var component3 = require('./component3');
 
 console.log('page2');