webpack.config.js:
webpackConfig.module.loaders.push({
test: /\.scss$/,
loaders: [
'style',
'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass'
]
});
.. ์ด ์ฝ์ ์ฝ๋์ ๋ฌด์จ ์ผ์ด? ๋๋ ๊ทธ๊ฒ์ ํญ์ ํฌ๋งทํ ์ ์์ต๋๋ค.
๊ทธ๋ฐ ๋ค์ index.js๋ sass๋ฅผ ๋์
ํ๊ณ ๊ตฌ์ฑ ์์์ className์ ์ถ๊ฐํ์ง๋ง ์คํ์ผ์ ์ฐพ์ง ๋ชปํ์ต๋๋ค.
npm run build, index.css์ ํฌ๊ธฐ๊ฐ sass๋ฅผ ๊ฐ์ ธ์ค๊ธฐ ์ ๊ณผ ์ ํํ ๋์ผํ์ง ํ์ธํ์ญ์์ค.
์ด ๋ฌธ์ ์ ๋ํด ํ์ ์กฐ์น๋ฅผ ์ทจ ํ์ญ์์ค. https://github.com/sorrycc/roadhog/issues/273
webpackConfig.module.loaders.push({
ํ
์คํธ: /.scss$/,
๋ก๋: _extractTextWebpackPlugin.extract('์คํ์ผ','css!postcss!sass')
})
if (ํ๊ฒฝ == "๊ฐ๋ฐ") {
webpackConfig.plugins.push(new _extractTextWebpackPlugin('[์ด๋ฆ].css'));
}
ํ์ฌ ์๋ฃจ์ , ์์ฑ์๊ฐ sass ๋ฅผ ์ถ๊ฐํ ๋๊น์ง ๊ธฐ๋ค๋ฆฝ๋๋ค
๋น์ ์ ์ข์ ๊ฒ์ ๊ตฌ์ฑํฉ๋๋ค ๋๋ sass ๊ตฌ์ฑ์ด ์๋๋๋ค @sorrycc
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
webpackConfig.module.loaders.push({
ํ ์คํธ: /.scss$/,
๋ก๋: _extractTextWebpackPlugin.extract('์คํ์ผ','css!postcss!sass')
})
if (ํ๊ฒฝ == "๊ฐ๋ฐ") {
webpackConfig.plugins.push(new _extractTextWebpackPlugin('[์ด๋ฆ].css'));
}
ํ์ฌ ์๋ฃจ์ , ์์ฑ์๊ฐ sass ๋ฅผ ์ถ๊ฐํ ๋๊น์ง ๊ธฐ๋ค๋ฆฝ๋๋ค