Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on Sep 14, 2025. It is now read-only.

Commit 1795566

Browse files
author
vinogradov
committed
(feature) add sass support and examples
1 parent cd998f2 commit 1795566

File tree

6 files changed

+99
-4
lines changed

6 files changed

+99
-4
lines changed

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@
5050
"redux-logger": "3.0.6",
5151
"redux-saga": "0.15.4",
5252
"redux-thunk": "2.2.0",
53+
"sass-loader": "6.0.6",
5354
"script-ext-html-webpack-plugin": "1.8.5",
5455
"style-loader": "0.18.2",
5556
"webpack": "3.4.1",

‎src/entry.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,4 @@ import './examples/react/index';
88
// import './examples/redux/separate-files';
99
// import './examples/redux/separate-files-redux-actions';
1010
// import './examples/router';
11+
// import './examples/sass/Component1';

‎src/examples/sass/Component1/index.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
import './style.scss';
4+
5+
export function Component1() {
6+
return <div className="foo">Component1</div>;
7+
}
8+
9+
ReactDOM.render(
10+
<Component1 />,
11+
document.querySelector('#app')
12+
);

‎src/examples/sass/Component1/style.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.foo {
2+
width: 100px;
3+
height: 100px;
4+
background-color: red;
5+
}

‎webpack.config.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,13 @@ module.exports = (env) => {
166166
fallback: 'style-loader',
167167
use: `css-loader?${IS_PRODUCTION ? 'minimize&' : ''}${CSS_MODULES_CONFIG}`
168168
})
169+
}, {
170+
test: /\.scss$/,
171+
include: SRC_ABSOLUTE_PATH, // other paths are ignored
172+
use: ExtractTextPlugin.extract({
173+
fallback: 'style-loader',
174+
use: `css-loader${IS_PRODUCTION ? '?minimize' : ''}!sass-loader`
175+
})
169176
}, {
170177
test: new RegExp(`\\.(${BIN_FILE_TYPES})$`),
171178
include: SRC_ABSOLUTE_PATH, // other paths are ignored

‎yarn.lock

Lines changed: 73 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -250,7 +250,7 @@ async@^1.4.0, async@^1.5.2:
250250
version "1.5.2"
251251
resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
252252

253-
async@^2.1.2, async@^2.1.4, async@^2.4.1:
253+
async@^2.1.2, async@^2.1.4, async@^2.1.5, async@^2.4.1:
254254
version "2.5.0"
255255
resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
256256
dependencies:
@@ -1234,6 +1234,15 @@ cliui@^3.2.0:
12341234
strip-ansi "^3.0.1"
12351235
wrap-ansi "^2.0.0"
12361236

1237+
clone-deep@^0.3.0:
1238+
version "0.3.0"
1239+
resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.3.0.tgz#348c61ae9cdbe0edfe053d91ff4cc521d790ede8"
1240+
dependencies:
1241+
for-own "^1.0.0"
1242+
is-plain-object "^2.0.1"
1243+
kind-of "^3.2.2"
1244+
shallow-clone "^0.1.2"
1245+
12371246
clone@^1.0.2:
12381247
version "1.0.2"
12391248
resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.2.tgz#260b7a99ebb1edfe247538175f783243cb19d149"
@@ -2416,6 +2425,10 @@ flatten@^1.0.2:
24162425
version "1.0.2"
24172426
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
24182427

2428+
for-in@^0.1.3:
2429+
version "0.1.8"
2430+
resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
2431+
24192432
for-in@^1.0.1:
24202433
version "1.0.2"
24212434
resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -2426,6 +2439,12 @@ for-own@^0.1.4:
24262439
dependencies:
24272440
for-in "^1.0.1"
24282441

2442+
for-own@^1.0.0:
2443+
version "1.0.0"
2444+
resolved "https://registry.yarnpkg.com/for-own/-/for-own-1.0.0.tgz#c63332f415cedc4b04dbfe70cf836494c53cb44b"
2445+
dependencies:
2446+
for-in "^1.0.1"
2447+
24292448
foreach@^2.0.5:
24302449
version "2.0.5"
24312450
resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
@@ -2957,7 +2976,7 @@ is-binary-path@^1.0.0:
29572976
dependencies:
29582977
binary-extensions "^1.0.0"
29592978

2960-
is-buffer@^1.1.5:
2979+
is-buffer@^1.0.2, is-buffer@^1.1.5:
29612980
version "1.1.5"
29622981
resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
29632982

@@ -3072,6 +3091,12 @@ is-plain-obj@^1.0.0:
30723091
version "1.1.0"
30733092
resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
30743093

3094+
is-plain-object@^2.0.1:
3095+
version "2.0.4"
3096+
resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
3097+
dependencies:
3098+
isobject "^3.0.1"
3099+
30753100
is-posix-bracket@^0.1.0:
30763101
version "0.1.1"
30773102
resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
@@ -3152,6 +3177,10 @@ isobject@^2.0.0:
31523177
dependencies:
31533178
isarray "1.0.0"
31543179

3180+
isobject@^3.0.1:
3181+
version "3.0.1"
3182+
resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
3183+
31553184
isomorphic-fetch@2.2.1, isomorphic-fetch@^2.1.1:
31563185
version "2.2.1"
31573186
resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
@@ -3546,7 +3575,13 @@ jsx-ast-utils@^1.3.4, jsx-ast-utils@^1.4.0:
35463575
version "1.4.1"
35473576
resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz#3867213e8dd79bf1e8f2300c0cfc1efb182c0df1"
35483577

3549-
kind-of@^3.0.2:
3578+
kind-of@^2.0.1:
3579+
version "2.0.1"
3580+
resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-2.0.1.tgz#018ec7a4ce7e3a86cb9141be519d24c8faa981b5"
3581+
dependencies:
3582+
is-buffer "^1.0.2"
3583+
3584+
kind-of@^3.0.2, kind-of@^3.2.2:
35503585
version "3.2.2"
35513586
resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
35523587
dependencies:
@@ -3558,6 +3593,10 @@ kind-of@^4.0.0:
35583593
dependencies:
35593594
is-buffer "^1.1.5"
35603595

3596+
lazy-cache@^0.2.3:
3597+
version "0.2.7"
3598+
resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-0.2.7.tgz#7feddf2dcb6edb77d11ef1d117ab5ffdf0ab1b65"
3599+
35613600
lazy-cache@^1.0.3:
35623601
version "1.0.4"
35633602
resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
@@ -3618,7 +3657,7 @@ loader-utils@^0.2.16:
36183657
json5 "^0.5.0"
36193658
object-assign "^4.0.1"
36203659

3621-
loader-utils@^1.0.2, loader-utils@^1.1.0:
3660+
loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0:
36223661
version "1.1.0"
36233662
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
36243663
dependencies:
@@ -3721,6 +3760,10 @@ lodash.mergewith@^4.6.0:
37213760
version "4.6.0"
37223761
resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz#150cf0a16791f5903b8891eab154609274bdea55"
37233762

3763+
lodash.tail@^4.1.1:
3764+
version "4.1.1"
3765+
resolved "https://registry.yarnpkg.com/lodash.tail/-/lodash.tail-4.1.1.tgz#d2333a36d9e7717c8ad2f7cacafec7c32b444664"
3766+
37243767
lodash.uniq@^4.5.0:
37253768
version "4.5.0"
37263769
resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -3902,6 +3945,13 @@ minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
39023945
version "1.2.0"
39033946
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
39043947

3948+
mixin-object@^2.0.1:
3949+
version "2.0.1"
3950+
resolved "https://registry.yarnpkg.com/mixin-object/-/mixin-object-2.0.1.tgz#4fb949441dab182540f1fe035ba60e1947a5e57e"
3951+
dependencies:
3952+
for-in "^0.1.3"
3953+
is-extendable "^0.1.1"
3954+
39053955
mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
39063956
version "0.5.1"
39073957
resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
@@ -5278,6 +5328,16 @@ sass-graph@^2.1.1:
52785328
scss-tokenizer "^0.2.3"
52795329
yargs "^7.0.0"
52805330

5331+
sass-loader@6.0.6:
5332+
version "6.0.6"
5333+
resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-6.0.6.tgz#e9d5e6c1f155faa32a4b26d7a9b7107c225e40f9"
5334+
dependencies:
5335+
async "^2.1.5"
5336+
clone-deep "^0.3.0"
5337+
loader-utils "^1.0.1"
5338+
lodash.tail "^4.1.1"
5339+
pify "^3.0.0"
5340+
52815341
sax@^1.2.1, sax@~1.2.1:
52825342
version "1.2.4"
52835343
resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
@@ -5376,6 +5436,15 @@ sha.js@^2.4.0, sha.js@^2.4.8:
53765436
dependencies:
53775437
inherits "^2.0.1"
53785438

5439+
shallow-clone@^0.1.2:
5440+
version "0.1.2"
5441+
resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-0.1.2.tgz#5909e874ba77106d73ac414cfec1ffca87d97060"
5442+
dependencies:
5443+
is-extendable "^0.1.1"
5444+
kind-of "^2.0.1"
5445+
lazy-cache "^0.2.3"
5446+
mixin-object "^2.0.1"
5447+
53795448
shebang-command@^1.2.0:
53805449
version "1.2.0"
53815450
resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /