EA
Добрый день. Кто-нить может помочь с настройкой вебпака? Нужно чтобы он не только bundle.js собирал, но еще переводил SASS в CSS.
Size: a a a
2017 April 24
AS
все просто
AS
sass-loader
AS
тебе в помощь
EA
sass-loader
есть, плагин есть..
EA
plugins: [
extractSass,
]
extractSass,
]
EA
const extractSass = new ExtractTextPlugin({
filename: 'app.css',
allChunks: true
});
filename: 'app.css',
allChunks: true
});
AS
это немного другое
EA
module: {
rules: [
{
test: /\.css$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract({
use: "css-loader",
fallback: "style-loader"
})
},
{
test: /\.scss$/,
exclude: /node_modules/,
use: extractSass.extract({
use: [{
loader: "css-loader"
}, {
loader: "sass-loader"
}],
fallback: "style-loader"
})
},
rules: [
{
test: /\.css$/,
exclude: /node_modules/,
use: ExtractTextPlugin.extract({
use: "css-loader",
fallback: "style-loader"
})
},
{
test: /\.scss$/,
exclude: /node_modules/,
use: extractSass.extract({
use: [{
loader: "css-loader"
}, {
loader: "sass-loader"
}],
fallback: "style-loader"
})
},
AS
этот плагин собирает твои стили по коду и создлавет с ними отдельный файл
AS
а у тебя вебпак второй или первый?
EA
вебпак мне запихивает прям в bundle.js стили!!! если я в index.js пишу require('style.css') 😳
EA
2й вебпак.
AS
дада я понял в чем трабла
AS
если ты создал такую шутку "const extractSass = new ExtractTextPlugin"
EA
В итоге получается 2500 строк кода!!!! когда в 3х файлах js всего 50 строк кода!
AS
то "extractSass" должен юзать в лоудере
IP
Прям чуствуется боль в этих "!!!"
IP
А дальше еще больше боли
EA
Да я и так пробовал.