sass-loader で dart-sass を使う - Qiita
モチベーション node-sass 、結構イライラポイントが多くて、代替手段があるなら乗り換えたいなあなんて思ってたところに dart-sass がナウでヤングだぜみたいな話を小耳に挟んだので、使ってみることにした。 ちなみに node-sass に感じていたイライラポイントは、以下の通り。 インストールが遅い Node.js のバージョンが上がりたてのとき、だいたいインストールで死ぬ dart-sass がナウでヤングな理由については、 Feature Watch: CSS Imports and CSS Compatibility とかを読んで欲しい。 要約すると、LibSass や Ruby Sass に搭載されていない機能が、先行的に積まれてるみたいなことらしい。( プレーンな CSS のインポートをサポートするとかなんとか) モチベとしては、「 node-sass でコケたときに
`package-lock.json` のひみつ（NPMおれおれAdvent Calendar 2019 – 05日目） | Ginpen.com
NPMおれおれAdvent Calendar 2019 – 05日目 （追記：なんか間違ってる気がするので調査中。） 言うほど秘密ってもんでもないですが。 なにそれ package-lock.json は npm install なんかをすると生成されるファイルで、インストールされているパッケージのツリーを表します。このファイルと npm ci を利用して全く同じツリーを再構築することが可能になります。 困ったちゃん このファイル自体は便利なものだと思うんですが、困った点がひとつ。「ロック」とう名前に反して何もロックしない点です。 ロックファイルがある状態で npm install すると、そのロックされたバージョンのパッケージ群がインストールされる、というのを期待するんですが、実際はそんなことなく、新しいものがあればそちらをインストールし、逆にロックファイルを更新します。ロックとは。 昔
`npm install` の代わりに `npm ci` が使えるかも（NPMおれおれAdvent Calendar 2019 – 04日目） | Ginpen.com
NPMおれおれAdvent Calendar 2019 – 04日目 先にまとめ npm ci は npm install と同じように、全依存パッケージをインストールする npm install は package-lock.json を更新することがある npm ci は package-lock.json を更新しない npm ci は node_modules を削除してからインストールする npm ci ってなんだ npm install に似ているが、CI のような自動化された環境での利用が想定されているもの。あるいは開発環境でクリーンインストールするのにも使える。処理はいくつかの機能を省略するので、npm install より圧倒的に高速な場合がある。 ドキュメントを読むとそんな感じらしい。 基本的には CI で回す場合はこちらを使いましょう、という理解で良さそう。CI って
npm installやnpm ciがlength of undefinedで失敗するやつ、name設定で解決した。 | Ginpen.com
先に結論 エラー： Cannot read property ‘length’ of undefined 条件： npm v6.7+ package.json に postinstall 等があり、かつ name がない場合 npm install や npm ci 実行時 対処： とりあえず package.json で name の設定すれば通る あらすじ CI fails on Node.js v10.16 · Issue #14 · ginpei/webextension-pomodoro TravisCI の自動試験で失敗の通知。 今まで Node.js v10.15 だったのが v10.16 になって失敗するようになった。過去に通ったやつも再試行すると失敗する。ひゃあ。 debug.log はこんな感じ。 ... 2533 info lifecycle [email prote
フロントエンドのビルドも『Laravel』におまかせ！スゴ腕API「Laravel mix」を使いこなそう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんちには、ディレクターのエリカです。 Laravelを利用するときに、フロントエンド側ってどうしてますか？ 今回は、何かと便利なLaravel同梱API「Laravel mix」についてご紹介します。 「Laravel mix」とは？ Laravelの公式ドキュメントには、「多くの一般的なCSSとJavaScriptのプリプロセッサを使用し、Laravelアプリケーションために、構築過程をWebpackでスラスラと定義できるAPI」と紹介されてます。 つまり、sassを利用したcssの記述や、分割されたjavascriptファイルの統合およびトランスパイルなど、フロントエンドのサイト作成業務で主に利用するタスクがLaravelに最適化されたものです。昨今、とくにフロントエンドにおいては多種多様なアプローチがある中で、どのツールを選択したらいいか悩んでいる……そんなとき「Laravel m
NPMパッケージを探る！フロントエンドの大冒険 〜chalk編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
何よりもまず、何かをやりなさい フランクリン・D・ルーズヴェルト(アメリカ合衆国第３２代大統領) はい、やります。ルーズヴェルト先輩。 こんにちは、フロントエンドエンジニアのザワです。 最近思うんですよ。興味・好奇心が薄れることが一番の恐怖だと……。ということで今回から、今まで注目していなかったNPMパッケージの世界に足を踏み入れることで自身の好奇心を煽っていきたいと思います。 記念すべき第1回目にご紹介するNPMパッケージは、chalk。 なぜchalkを選んだかって？ NPMのサイトを見ると、「Most depended-upon packages」に名を連ねているからです。いろいろなNPMパッケージに頼りにされているパッケージということですよね、きっと。 そして、パッケージ名がchalk。「チョーク」といえば、黒板とチョークと日直の画が頭に浮かびます。もしくはチョークスリーパー。どち
ndm - npmのGUI管理ツール MOONGIFT
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました nodeで開発する際にはパッケージ管理としてnpmが欠かせません。npmはCLIツールなのでターミナルなりを使って操作します。殆どの開発者にとって、それで特に問題ないでしょう。 しかしnodeが普及する中で開発者でない方たちもnpmを使うようになっています。そこで使ってみたいのがndmです。 ndmの使い方 プロジェクトのディレクトリを指定するとpackage.jsonをパースしてインストールされているライブラリを一覧してくれます。 npm本体のアップデートもできます。 ライブラリのアップデート、インストールを行います。 インストールが終わると通知がきます。 新規でライブラリをインストールする場合はこのようなボックスで指定します。 ndmはnpmをラッピングしていますが、複数プロジ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
`npm run …` のスクリプトに引数を与えるには `–`（NPMおれおれAdvent Calendar 2019 – 02日目） | Ginpen.com