Skip to content

Commit 8dd8af2

Browse files
committed
update demo
1 parent 233c650 commit 8dd8af2

File tree

7 files changed

+33
-4
lines changed

7 files changed

+33
-4
lines changed

demo/dims.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
small: '50px',
3+
middle: '100px',
4+
large: '200px'
5+
};

demo/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</head>
66
<body>
77
<div id="selected-squares-container"></div>
8-
<span style="font-family: monospace; font-size: small">Choose color:</span>
8+
<span class="choose">Choose color:</span>
99
<select name="colors"></select>
1010
<button id="add-square-button">Add square</button>
1111

demo/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import './style.scss';
2+
import './style.less';
23
import colors from './colors';
34

45
const select = document.querySelector('select');

demo/package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,8 @@
1717
"babel-preset-env": "^1.3.2",
1818
"css-loader": "^0.28.0",
1919
"js-to-sass-var-loader": "^1.0.0",
20+
"less": "^2.7.2",
21+
"less-loader": "^4.0.3",
2022
"node-sass": "^4.5.2",
2123
"sass-loader": "^6.0.3",
2224
"style-loader": "^0.16.1",

demo/style.less

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
require('./dims.js');
2+
3+
.square {
4+
width: @middle;
5+
height: @middle;
6+
}
7+
8+
.choose {
9+
font-family: monospace;
10+
font-size: small;
11+
}

demo/style.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
require('./colors.js');
22

33
.square {
4-
width: 100px;
5-
height: 100px;
64
display: inline-block;
75
}
86

demo/webpack.config.js

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ module.exports = {
55
entry: './index.js',
66
output: {
77
filename: 'bundle.js',
8-
//path: path.resolve(__dirname)
98
},
109
module: {
1110
rules: [
@@ -22,6 +21,19 @@ module.exports = {
2221
{
2322
loader: "../index.js"
2423
}]
24+
},
25+
{
26+
test: /\.less$/,
27+
use: [{
28+
loader: "style-loader"
29+
}, {
30+
loader: "css-loader"
31+
}, {
32+
loader: "less-loader"
33+
},
34+
{
35+
loader: "../index.js"
36+
}]
2537
}
2638
]
2739
},

0 commit comments

Comments
 (0)