diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d7c15ba..faab2f2 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -33,6 +33,10 @@ module.exports = {
},
module: {
rules: [
+ {
+ test: /\.scss$/,
+ loaders: ["style", "css", "sass"]
+ },
{
test: /\.vue$/,
loader: 'vue-loader',
diff --git a/package.json b/package.json
index bb2645c..1187a08 100644
--- a/package.json
+++ b/package.json
@@ -35,16 +35,18 @@
"function-bind": "^1.1.0",
"html-webpack-plugin": "^2.28.0",
"http-proxy-middleware": "^0.17.3",
- "webpack-bundle-analyzer": "^2.2.1",
- "semver": "^5.3.0",
+ "node-sass": "^4.5.0",
"opn": "^4.0.2",
"ora": "^1.1.0",
+ "sass-loader": "^6.0.3",
+ "semver": "^5.3.0",
"shelljs": "^0.7.6",
"url-loader": "^0.5.7",
"vue-loader": "^10.3.0",
"vue-style-loader": "^2.0.0",
"vue-template-compiler": "^2.1.10",
"webpack": "^2.2.1",
+ "webpack-bundle-analyzer": "^2.2.1",
"webpack-dev-middleware": "^1.10.0",
"webpack-hot-middleware": "^2.16.1",
"webpack-merge": "^2.6.1"
diff --git a/src/d3-components/bars-style-basic.vue b/src/d3-components/bars-style-basic.vue
deleted file mode 100644
index 7a5d9d2..0000000
--- a/src/d3-components/bars-style-basic.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/d3-components/bars-style-scoped.vue b/src/d3-components/bars-style-scoped.vue
deleted file mode 100644
index a299441..0000000
--- a/src/d3-components/bars-style-scoped.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/d3-components/bars-styles.vue b/src/d3-components/bars-styles.vue
new file mode 100644
index 0000000..d78bc97
--- /dev/null
+++ b/src/d3-components/bars-styles.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/router/demos.js b/src/router/demos.js
index a4139d7..094b92d 100644
--- a/src/router/demos.js
+++ b/src/router/demos.js
@@ -12,14 +12,9 @@ export const routes = [
component: require('d3-components/size-controller')
},
{
- name: 'Bars: styles basic',
- path: '/bars-style-basic',
- component: require('d3-components/bars-style-basic')
- },
- {
- name: 'Bars: styles scoped',
- path: '/bars-style-scoped',
- component: require('d3-components/bars-style-scoped')
+ name: 'Bars: styles',
+ path: '/bars-styles',
+ component: require('d3-components/bars-styles')
},
{
name: 'Pie chart: local component & props',