問題タブ [starter-kits]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - React.js スターター キットを Openshift にデプロイする
React.js のスターター キット ( https://github.com/kriasoft/react-starter-kitから入手可能) を Openshift にデプロイしようとしています。そのために、ここで説明するいくつかの小さな変更を加えました。
まず、Openshift のログには、 servers.jsファイルのimport
キーワードが認識されていないことが示されています。現時点では、Openshift では Babel は使用されていないと思います。
その回避策がここに記載されています: Open Shift でノード起動コマンドを変更するにはどうすればよいですか?
そのため、server.jsコンテンツを推奨コンテンツで変更し (Openshift はnode server.js
コマンドを実行し、 のプロパティでbabel-node tools/run start
定義されていないため)、ベースの名前を に変更しました。scripts.start
package.json
server.js
app.js
現在、ログはbabel-core
見つからないことを示しているので、package.jsonファイルを変更してbabel-core
、別のプロパティの値を削除するbabel-cli
代わりdependencies
に挿入しました。devDependencies
DEV
コードを Openshift にプッシュすると (src
フォルダーのコード)、コンパイルがランダムに失敗し (依存関係がインストールされたとき)、長い時間がかかります。ただし、カートリッジを再起動すると、説明したログが表示されます。
私の現在の状況では、状況は良くなっていますが、問題はディスク容量です。十分ではありません。カートリッジは 1GB をホストでき、ローカル マシンでは依存関係のあるすべてのファイルが最大 148MB かかるため、これは驚くべきことです。カートリッジを削除して再作成しようとしましたが、同じことが表示されます。
ここで何が間違っているのか知っている人はいますか? カードリッジが1GB超えるのがおかしい…
皆さん、ありがとうございました。
angular - angular2-webpack-starter と angular-cli を一緒に使用するには?
私はAngular2とwebpack-starterが初めてです。そして、ng2-boostrap を使用した webpack-starter がうまく機能するようにします。しかし、angular-cli を使用してコンポーネントを追加しようとすると、「generate コマンドを使用するには、ember-cli プロジェクト内にいる必要があります」と表示されます。これはある程度理にかなっていますが、この初心者が「ng g compoenent ...」のようなものを使用して新しいコンポーネントを追加すると非常に役立ちます。または、webpack-starter でこれを行うための gulp タスクがあれば、それが役立ちます。
私はグーグルで検索しましたが、明らかなものは何も見つかりませんでした。また、webpack-starter プロジェクトを壊したくありませんでした。どんな助けでも大歓迎です。新しいコンポーネントのすべてのファイルをいつでも手動でビルドできますが、それは非常に無駄であり、開始時にエラーが発生しやすいようです。
node.js - 独自の npm スターター キットを作成するには?
最新技術:
一般的な node.js フレームワークには、プロジェクト テンプレートとして機能する独自のスターター キットが付属しています。たとえば、React にはスターター キットが付属しています。ユーザーが新しい反応アプリケーションを作成したい場合、省略形を使用してnpx create-react-app my-app. ...
、すべてのベースライン プロジェクト ファイル、ディレクトリ、およびパッケージの依存関係を含むプロジェクト スキャフォールド全体を自動的に作成できます。スターター キットを使用する場合、npx はスターター キット ファイル内のテンプレート変数を解決します。つまり、package.json にエントリが含まれている場合{{my-application-name}}
、npx はユーザー入力と同様にテンプレート変数を "my-first-app" に置き換えます。React は、そのようなスターター キットの一例にすぎません。
問題文:
自分の node.js フレームワーク用に独自のスターター キットを作成したいと考えています。一見すると、「create-」で始まるパッケージに名前を付け、適切な場所で template-{{vars}} を使用するという規則に従っているように見えます。試してみて、コピー&ペースト&置換を開始しましたがnpm install
、未解決のテンプレート変数がビルドエラーになるため、機能しませんでした。
独自の npx スターター キットを作成する方法のチュートリアルを知っている人はいますか? 新しいスターター キットを作成して公開する方法を知っている人はいますか?
node.js - スターター キット ジェネレーターを作成する場合、nodejs を使用してファイルやフォルダー内のコンテンツを動的に作成および書き込む方法
node.js を使用した Angular CLI のようなフレームワーク用のプロジェクト スターター キット ジェネレーターを作成したいと考えています。
以下は、コマンドが次のようになると仮定して必要になる機能ですkit-cli
。
kit-cli init
またはkit-cli am/as
: いくつかの質問をし、それに基づいてすべてのファイルとフォルダーを作成して開始します。kit-cli add option
: いくつかのコードを作成して既存のファイルに追加し、必要に応じていくつかのシステム ベースのコマンドを実行します。
私は次のアプローチを心に留めています:
コンテンツを JSON ファイルに入れる。
ユーザーの選択に基づいて、JSON ファイルからコンテンツを読み取り、フォルダーとファイルを作成します。
既存のファイルにコードを追加/削除する方法についてはわかりません。
質問:
フォルダー構造がユーザーの選択によって異なると仮定して、フォルダー/ファイル構造をどのように保存および作成する必要がありますか。
既存のファイルからコードを編集/追加/削除するにはどうすればよいですか?