Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

sass

webpack4.x + sass-loader + postcss-loader + autoprefixerでscssファイルをコンパイルする

今日の環境 Windows10 Home node 12.13.1 npm 6.13.1 webpack 4.41.2 webpack-cli 3.2.3 プロジェクトディレクトリを作成 mkdir webpack_4_scss_introduction cd webpack_4_scss_introduction npm initする npm init グローバルにインストール npm install -…

webpack4.xでscssファイルをコンパイルする

参考にさせて頂いたページ 設定全般 最新版で学ぶwebpack 4入門 - スタイルシート(CSSやSass)を取り込む方法 - ICS MEDIA ExtractTextPluginをwebpack 4 で使用する方法について Webpack 4 · Issue #760 · webpack-contrib/extract-text-webpack-plugin · Gi…

compassでcompileしようと思ったらTypeError on line ["43"] of c: no implicit conversion of Array into String Run with --trace to see the full backtraceというエラーが出た

結論から compass compile scss/style.scss を実行するディレクトリパスと、コンパイル後のcssを出力するディレクトリパスを合わせた文字列が長すぎるとエラーが出るみたい。 なので、少し短くしたら直った。 実行したコマンド compass compile scss/style.s…

compassで生成されるスプライト画像のランダム文字列を除去する

参考にさせて頂いたページ Sass/Compass よくあるトラブルと 解決方法・回避方法 config.rbに追記する 参考にさせて頂いたというか、「52/99ページ目」のところにあるソースコードをそのまま真似て以下の記述をした。 on_sprite_saved do |filename| if File…