Skip to content

Instantly share code, notes, and snippets.

@kilgarenone
Created October 6, 2019 13:56
Show Gist options
  • Save kilgarenone/2f010033f76c469ca840d4cb5be8ab84 to your computer and use it in GitHub Desktop.
Save kilgarenone/2f010033f76c469ca840d4cb5be8ab84 to your computer and use it in GitHub Desktop.
webpack css loader
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const cssnano = require("cssnano");
module.exports = {
module: {
rules: [{
test: /\.scss$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
importLoaders: 2,
modules: { localIdentName: "[hash:base64:4]" } // enables CSS modules
}
},
{
loader: "postcss-loader",
options: {
ident: "postcss",
plugins: () => [
cssnano() // css minifier. uses 'default' preset
]
}
},
"sass-loader"
]
}]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment