Skip to content

Instantly share code, notes, and snippets.

@okumurakengo
Last active November 13, 2019 04:58
Show Gist options
  • Save okumurakengo/e95047926755901499954d95ebc14da0 to your computer and use it in GitHub Desktop.
Save okumurakengo/e95047926755901499954d95ebc14da0 to your computer and use it in GitHub Desktop.
webpack4でsideEffectsでcssのツリーシェイキングの動きを試してみた
/* src/index.css */
body {
background: yellow;
}
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Document</title>
<script src="dist/main.js"></script>
// src/index.js
import "./index.css"
console.log(123)
{
"devDependencies": {
"css-loader": "^3.2.0",
"style-loader": "^1.0.0",
"webpack": "^4.41.2",
"webpack-cli": "^3.3.10"
},
"sideEffects": [
"src/index.css"
]
}
module.exports = {
mode: "production",
module: {
rules: [
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
],
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment