npmに関して分かったこと

右も左も分からないnpmについて少しずつ試してみて分かったことを書き溜める。

パッケージのバージョンを変更をする

1 package.json内のパッケージのバージョンを編集する。

$ vi package.json

2 変更を反映する

$ npm update

npm install について

npm installコマンドを実行すると、node_modules/.bin/にインストールしたものが追加されることを確認した。 確認時の結果を残しておく。

$ ls node_modules/.bin/

# webpackのパッケージがないことを確認
autoprefixer        envinfo         json5           sass            tsserver
browserslist        errno           nanoid          semver          webpack-cli
cssesc          import-local-fixture    node-which      tsc

そこでwebpackを追加してみる。

$ npm install --save-dev webpack

# webpackの他依存関係のものも追加された

# 再度中身を確認する
$ ls node_modules/.bin/
acorn           cssesc          json5           node-which      sha.js          webpack
atob            envinfo         miller-rabin        rimraf          terser          webpack-cli
autoprefixer        errno           mkdirp          sass            tsc
browserslist        import-local-fixture    nanoid          semver          tsserver

# webpackが追加されていることが確認できる

sh: webpack: command not foundというエラーが出る

node_modules/.bin/にwebpackが追加されていなく、見つからないというエラーが出る場合があった。この場合にはwebpackをインストールすれば良い。

# webpackをインストール
$ npm install --save-dev webpack

ERROR in Entry module not foundのエラーが出る

ERROR in Entry module not found: Error: Can't resolve '/Users/username/Desktop/try_typescript/myapp/static/myapp/js/index.ts' in '/Users/username/Desktop/try_typescript'

このエラーはwebpack.config.js内のentryで定めたコンパイル対象のファイルが見つからないときに表示されるエラーだと分かった。自分の場合には実際にコンパイル対象のindex.tsファイルを作っていなかったのでエラーが出てしまった。

ということでentryで定めたコンパイル対象のファイルを作成すればエラーは解消される

$ vi index.ts