CodeCodeCodeCodeなんか色々おぼえ書き。だいたいweb制作関連。Mixを使うことにしました。MixはCSSやJavaScriptのプリプロセッサのビルドをwebpackで簡潔にかけるようにしてくれます。通常はLaravelにパッケージされていますが、npmでインストールすることも可能で、Laravel以外のプロジェクトでも使用できます。セットアッププロジェクトの初期設定を行います。Mixをインストールします。Mixで使うモジュールのインストールを行います。オプションをつけていれば、package.jsonにインストールしたモジュールが登録されるので、package.jsonを別のプロジェクトに流用が可能です。Mixの環境が再現されます。scriptsを作ります。scriptsに以下をコピペします。記述した全タスクを実行します。全タスクを実行し、出力を圧縮します。コンパイルして出力します。watch上を実行すると、ビルドタスクを記述したファイル、ディレクトリの変更を監視してくれます。watchこちらも同様に上を実行すると、ビルドタスクを記述したファイル、ディレクトリの変更を監視してくれます。Browsersyncとwebpackのプラグインをインストールします。ドキュメントルートとなるディレクトリを書きます。使用する場合は、ドメインを書きます。監視するファイルパスを書きます。書いたファイルが変更されると自動的にリロードしてくれます。広島で活動するフロントエンドエンジニア。