fix: Import css globally in helium package

1ambda · 1ambda · commit 505c7dbb51a8 · 2017-02-28T08:45:19.000+09:00
diff --git a/zeppelin-zengine/src/main/resources/helium/package.json b/zeppelin-zengine/src/main/resources/helium/package.json
@@ -12,6 +12,10 @@
     "babel-core": "^6.23.1",
     "babel-loader": "^6.3.2",
     "babel-preset-es2015": "^6.22.0",
-    "babel-preset-stage-0": "^6.22.0"
+    "babel-preset-stage-0": "^6.22.0",
+    "css-loader": "^0.26.2",
+    "style-loader": "^0.13.2",
+    "url-loader": "^0.5.8",
+    "file-loader": "^0.10.1"
   }
 }
diff --git a/zeppelin-zengine/src/main/resources/helium/webpack.config.js b/zeppelin-zengine/src/main/resources/helium/webpack.config.js
@@ -19,11 +19,36 @@ module.exports = {
     entry: './load.js',
     output: { path: './', filename: 'helium.bundle.js', },
     module: {
-        loaders: [{
+        loaders: [
+          {
             test: /\.js$/,
             // DON'T exclude. since zeppelin will bundle all necessary packages: `exclude: /node_modules/,`
             loader: 'babel-loader',
             query: { presets: ['es2015', 'stage-0'] },
-        }]
+          },
+          {
+            test: /(\.css)$/,
+            loaders: ['style', 'css?sourceMap&importLoaders=1'],
+          },
+          {
+            test: /\.woff(\?\S*)?$/,
+            loader: 'url-loader?limit=10000&minetype=application/font-woff',
+          },
+          {
+            test: /\.woff2(\?\S*)?$/,
+            loader: 'url-loader?limit=10000&minetype=application/font-woff',
+          },
+          {
+            test: /\.eot(\?\S*)?$/,
+            loader: 'url-loader',
+          }, {
+            test: /\.ttf(\?\S*)?$/,
+            loader: 'url-loader',
+          },
+          {
+            test: /\.svg(\?\S*)?$/,
+            loader: 'url-loader',
+          },
+        ],
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,10 @@`
`12`	`12`	`"babel-core": "^6.23.1",`
`13`	`13`	`"babel-loader": "^6.3.2",`
`14`	`14`	`"babel-preset-es2015": "^6.22.0",`
`15`		`- "babel-preset-stage-0": "^6.22.0"`
	`15`	`+ "babel-preset-stage-0": "^6.22.0",`
	`16`	`+ "css-loader": "^0.26.2",`
	`17`	`+ "style-loader": "^0.13.2",`
	`18`	`+ "url-loader": "^0.5.8",`
	`19`	`+ "file-loader": "^0.10.1"`
`16`	`20`	`}`
`17`	`21`	`}`