Skip to content

Instantly share code, notes, and snippets.

View mattvagni's full-sized avatar

Mathias Vagni mattvagni

View GitHub Profile
.wrapper {
display: flex;
}
.button {
color: red;
}
.button:hover {
color: green;
}
<html>
<head>
<link rel="stylesheet" href="./build/client/main.css">
</head>
<body>
<script src="./build/client/main.js"></script>
</body>
</html>
{
test: /\.js$/,
exclude: /node_modules/,
use: 'babel-loader'
}
{
"presets": [
["es2015"]
]
}
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
loader: [
{
loader: 'css-loader',
query: {
localIdentName: '[hash:8]',
modules: true
}
/***/ function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(1)();
// imports
// module
exports.push([module.i, ".fe15fdc7 {\n display: flex;\n}\n\n.ad030139 {\n color: red;\n}\n\n.ad030139:hover {\n color: green;\n}\n", ""]);
// exports
exports.locals = {
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
module.exports = {"wrapper":"fe15fdc7","button":"ad030139"};
/***/ },
plugins: [
new ExtractTextPlugin({
filename: '[name].css',
allChunks: true
})
]
.fe15fdc7 {
display: flex;
}
.ad030139 {
color: red;
}
.ad030139:hover {
color: green;
}
{
"presets": [
["es2015"]
],
"env": {
"server": {
"plugins": [
[
"css-modules-transform", {
"generateScopedName": "[hash:8]",