Я не могу понять, как отрисовать файл css с помощью sass-loader webpack.
Вот что выглядит мой webpackconfig.js:
module.exports = {
context: __dirname + "/app",
entry: {
javascript: "./app.js",
html: "./index.html"
},
output: {
filename: "app.js",
path: __dirname + "/dist"
},
module: {
loaders: [
//JAVASCRIPT
{
test: /\.js$/,
exclude: /node_modules/,
loaders: ["babel-loader"],
},
//Index HMTML
{
test: /\.html$/,
loader: "file?name=[name].[ext]",
},
//Hotloader
{
test: /\.js$/,
exclude: /node_modules/,
loaders: ["react-hot", "babel-loader"],
},
// SASS
{
test: /\.scss$/,
loader: 'style!css!sass'
}
],
}
}
Как вы можете видеть, я использую загрузчик модуля sass-loader, указанный в документации.
{
test: /\.scss$/,
loader: 'style!css!sass'
}
Мой корень выглядит таким:
Project Root:
app:
style.scss
dist:
?????? WTF is my css file??
webpack.config.js
Я могу заставить все, что работает, например, html и jsx загрузчики. Я просто набираю webpack в командной строке, и все происходит.
Я делаю что-то неправильно с загрузчиком sass. Что это? Пожалуйста, помогите.