Boostrap Ibの統合Bigcommerceのステンシルテーマ

-1

私はbigcommerceのステンシルテーマを新しくしました。ローカル開発用のステンシルテーマにブートストラップを統合する方法については、誰も知りません。カスタムCSSとjsをステンシルテーマに統合することは可能ですか？Boostrap Ibの統合Bigcommerceのステンシルテーマ

出典

2017-03-10 Divyesh

ファンデーションを学ぶだけです。これが取る努力の額は価値がありません。 – thannes

[同じ質問を2回はしないでください]（http://stackoverflow.com/questions/42817237/bigcommerce-stencil-theme-devlopment-on-local-machine-using-boostrap-html）、別の回答を期待してください。既存の質問を編集して改善/明確化します。具体的な問題点や問題点を説明してください。 – ZimSystem

私はブートストラップを使用してステンシルテーマを構築したいと考えています。私は 'npm install bootstrap-loader bootstrap-sass url-loader imports-loader --save-dev'をインストールしましたが、stencil startコマンドは多くのエラーを出します。 – Divyesh

これは率直にもかなり複雑ですが、@ bigcommerce/citadelとfoundation-sitesパッケージを削除するのが作業の出発点です。既存のscssをリファクタリングするのではなく、リライトする場合は./assets/scssディレクトリを削除してください。シタデルに依存するため、リファクタリングが必要になります。

webpackと組み合わせてブートストラップを操作するには、いくつかの依存関係をインストールする必要があります。 jqueryのを使用すると、バベルは、ステンシル-utilsのとアセットディレクトリをポリフィルできるようにするために、ブートストラップ用

npm install bootstrap-loader bootstrap-sass url-loader imports-loader --save-dev

、あなたtが必要ですo webpack.config.jsファイルを変更します。

設定オプションbootstrap-loader can provideが必要な場合もあります。依存関係が.jsファイルに正しくインポートされるようにする必要があります。

あなたがここにいくつかの部分の詳細を取得することができます：https://medium.com/@victorleungtw/how-to-use-webpack-with-react-and-bootstrap-b94d33765970#.85qo3a7dr

出典

2017-03-10 18:29:52 Alyss

webpackと組み合わせてブートストラップをインストールしています。 'npmはブートストラップローダーをブートストラップします.SSLロードローダーは--save-dev'をインストールします。しかし、私はstencil start -eコマンドを実行しているときにエラーを出します。私はwepack.config.jsファイルのどこに変更が必要かを知りません。あなたがそれ以前に行ったことがあるならば、私を説明し、助けてください。 – Divyesh

Goは>店頭フッタースクリプトとそこにあなたのブートストラップスクリプトを追加します。それは正常に動作します。

出典

2017-08-25 06:52:52

Boostrap Ibの統合Bigcommerceのステンシルテーマ

答えて

関連する問題