![\"wp-1\"](\"http:\/\/lovelinux.mydns.jp\/wp-content\/uploads\/2017\/05\/wp-1.png\")
<\/a><\/p>\n\u4f5c\u696d\u30d5\u30a9\u30eb\u30c0\u4f5c\u6210<\/h3>\n
[bash]
\n$ mkdir sass_react
\n$ cd sass_react\/
\n$ npm init -y
\n[\/bash]<\/p>\n
\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n
npm\u3067\u5fc5\u8981\u306a\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n
[bash]
\n$ npm install –save react react-dom
\n$ npm install –save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react webpack webpack-dev-server
\n$ npm install –save-dev webpack extract-text-webpack-plugin css-loader sass-loader style-loader node-sass file-loader
\n[\/bash]<\/p>\n
\u30a8\u30f3\u30c8\u30ea\u30fc\u30dd\u30a4\u30f3\u30c8\u3068\u306a\u308bJavaScript\u4f5c\u6210<\/h3>\n
scss\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3068\u3053\u308d\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n
index.js
\n[bash]
\nimport React from “react”
\nimport {render} from “react-dom”
\nimport App from “.\/components\/App”
\n\/\/scss\u306e\u30b3\u30f3\u30d1\u30a4\u30eb
\nimport “.\/sass\/style.scss”<\/p>\n
document.write(“<\/p>\n
<\/div>\n
“);<\/p>\n
render (
\n ,
\n document.getElementById(“root”)
\n)<\/p>\n
[\/bash]<\/p>\n
\u30a2\u30d7\u30ea\u753b\u9762\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u4f5c\u6210<\/h3>\n
components\/App.js
\n[bash]
\nimport React from “react”<\/p>\n
const App = () => {
\n return (<\/p>\n
\n
This is React Scss App<\/h1>\n\n