はじめに もともと業務でscssを使うための環境を作ってたのですが、ちょっと後輩に丸投げしてた目を離した隙にwebpack周りも色々と状況が変わっていたので、これを機に色々調べ直して設定し直したりしました。 やりたかったこと webpackでscssをビルドする jsで出力されるのは困るのでcssで出力する ベンダープレフィックスは自動でつけてほしい -mozとか書きたくない リントチェック欲しいなぁ... まぁ、これはwebpackじゃなくていいか webpack2でのscssのビルド パッケージインストール まずは必要なパッケージを入れましょう。 今回scssのビルドに使ったパッケージは autoprefixer css-loader extract-text-webpack-plugin node-sass postcss-loader precss sass-loader styl
![【webpack2対応】俺が作り上げたSCSSのビルド環境を晒す【リントもあるよ】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0f3737c5a39856c3edb5a3a819f9127c25c46c3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwd2VicGFjazIlRTUlQUYlQkUlRTUlQkYlOUMlRTMlODAlOTElRTQlQkYlQkElRTMlODElOEMlRTQlQkQlOUMlRTMlODIlOEElRTQlQjglOEElRTMlODElOTIlRTMlODElOUZTQ1NTJUUzJTgxJUFFJUUzJTgzJTkzJUUzJTgzJUFCJUUzJTgzJTg5JUU3JTkyJUIwJUU1JUEyJTgzJUUzJTgyJTkyJUU2JTk5JTkyJUUzJTgxJTk5JUUzJTgwJTkwJUUzJTgzJUFBJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTgyJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgyJTg4JUUzJTgwJTkxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wY2UzNGQwMGIyMjM4MTg2YWFjZWU4YzJjYzI0MzAwOQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBEZXBsb3lDYXQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc2OTU1ZjUyZTI0YzZiMzllMTExM2ExZDE1NzAxNGE5%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D155df5396442c76ec3c2629f01f902aa)