npm-scripts を書く時の手癖 - mizdra's blog
かれこれ 5 年くらい趣味開発で npm-scripts を書き続けている。長年書き続けているとノウハウが蓄積されてきて、「こう書くとスッキリする」「迷いがなくなる」「後から拡張したくなった時に、簡単に拡張できる」みたいな書き方が身についてきた。自分の型、あるいは手癖のようなものだと思う。 せっかくなので、id:mizdra の今の npm-scripts を書く時の手癖を書き連ねてみる。 基本形 { "scripts": { "build": "webpack --mode production", "dev": "webpack-dev-server --mode development", "lint": "eslint .", "test": "jest" } } 一番シンプルな npm-scripts を書く時のパターン。以下の 4 つの script を登録している。 buil
2021 JavaScript Rising Stars
Welcome to the 6th edition of the JavaScript Rising Stars, our annual round-up of the JavaScript landscape. If you took a break to escape the JavaScript fatigue in 2021, you are in the right place! We'll be talking about meta frameworks, the need for speed and all-stars are joining forces at tech companies. But first, we have a new "champion" this year, that no one expected, and it's a command lin
Rust + wasmでJS向けの形態素解析ライブラリを作ってnpmで公開する
この記事はRust Advent Calendar 2021 （カレンダー１）の8日目の代打記事です。 この記事でわかること 💪wasm-pack最強💪 lindera-jsというライブラリを作った経験を通じて、既存のRust製ライブラリをnpmのパッケージにして公開するまでの手順がわかります lindera-jsはパッケージサイズの問題があるのでまだ、限られたケース(読み込みの時間が気にならないケース)でしか使えなさそう 出来上がったもの Rust製の形態素解析ライブラリであるLinderaをjavascript/typescriptから呼び出すことが出来るライブラリを作ってnpmで公開しました。 npmからインストールしたら、 import * as lindera from "lindera-js"; console.log(lindera.tokenize("関西国際空港限定ト
package.jsonのconfigを使おう
package.jsonの中のconfigプロパティ、使っていますか？ configとは [公式リンク] JS のプロジェクトを動かす場合にはほぼ必ず作成するpackage.json、その中に設定するプロパティの一つです。 基本的な用途としては名前の通り、設定を保持することとなります。 値にはオブジェクトを指定することができ、その中身については自由に指定することができます。 // package.json { "name": "foo", "config": { "port": 8080, "dev": { "hmr": false }, // 何を書いてもおｋ "foo": { "bar": ["baz"] } } } また、npm configコマンドや.npmrcファイルによってユーザが値を上書きすることができます。 どういう風に使うの？ 基本的な使い方としては、package.js
意外に知らないnpmと便利なCLI
Ehime.js #2の資料です。 https://ehimejs.connpass.com/event/153511/
npm trends: Compare NPM package downloads
Sick of boring JavaScript newsletters?Bytes is a JavaScript newsletter you'll actually enjoy reading. Delivered every Monday, for free.
phiary
リリースされているバージョン一覧を確認する方法 $ npm info <package name> versions 例) $ npm info cordova versions インストール済みのパッケージのバージョンを確認する方法 $ npm list --depth=0 グローバルは $ npm list --depth=0 -g バージョンを指定してインストール $ npm install <package name>@<package version> 例) $ npm install cordova@5.4.1 グローバルは $ npm install <package name>@<package version> -g
【npm】【Vagrant】Vagrantの共有フォルダ上でnpm... - 人生dat落ち
Vagrantの共有フォルダ上でnpm iするとコケることがある。その解決策としてnpmのオプションに--no-bin-linksを付与するってのが定跡らしい。 日本語の文献だと、その解決策を記した記事ばかりで、原因の説明がされず、「よくわかんないけどこれで動きました」で済ましている。 そんな訳で、vagrantの共有フォルダ上でnpm iするときコケる理由と、--no-bin-linksオプションをつけると通る理由について調査及び検証してみます。 知りたいことvagrantの共有フォルダ上でnpm iするときコケる理由と、--no-bin-linksオプションをつけると通る理由。 原因の候補ググってそれっぽいのを列挙する。 Virtual Box上ではセキュリティの関係上、共有フォルダにシンボリックリンクを張ることを禁止している。bin package moduleをインストールする際、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
npm semantic version calculator
Compare download trends of npm packages - npmcharts 📈