VScodeでwebpackを入れたいがうまくいかないのでフォローをしてほしい

wordpress のテーマをcssで書くのにsassを使用しております。

これまではgulpとvscodeのsassコンパイラーを使用していましたが、
webpackにしようと考えております。

【ゴール】
webpackを導入し、scssファイルがdistでcssファイルとしてコンパイルされるところまでサポートしていただきたいです。

【やってみたこと】
https://ics.media/entry/12140/
https://haniwaman.com/webpack-sass/
上記のサイトを参考にしましたが、

・npm init -yでpackage.jsonのみがでて、package-lock.jsonはでない
・npx webpackと呼んでもuxexpected identiferとなる
・npm webpack -vので出たバージョンがpackage.jsonに入ったバージョンと違う

といった色んなエラーで全くうまくいきません。
前回のgulpもどうにかこうにか出来たという感じだったので、nodeがpc内で乱立している？とかがあるのかもしれません。

【こんなスキルのある方をさがしています】
・node.jsの理解がある
・yarnではなくnpmでしている
・webpackでscssをcssファイルにコンパイルしたことがある
・vscodeのターミナルを使用している
・wordpressでwebpackを導入したことがある

【日時】
時間が会うタイミングでmenta内のチャットで集中的にやり取りしていただけるとありがたいですが、そちらにおまかせします。(六時以降であればいつでも可、土日は終日可)

最後までご一読いただきありがとうございます。
お力添えいただけますと幸いです。

何卒よろしくお願い致します。