2017-08-02 4 views
1

ノードモジュールフォルダからインポートする@import文を使用すると、インポートが完全に機能します。BigCommerce Stencil Theme Editorは@ SCMファイルをインポートしますか?

@import "../../node_modules/bulma-scss/scss/utilities/functions";

ユーザーがバックオフィスのテーマエディタを経由してテーマを編集することになり、変更を保存したら、しかし、基本的には、フォルダが存在しないnode_modulesというエラーがあります。

期待される結果

バックオフィスエディタを経由して.scssファイルを編集し、正常なテーマで使用される対応の.cssファイルを更新してしまう「保存して適用する」

の実績からhttps://www.screencast.com/t/RluUCmMq7Iqa

「@import」文がノードモジュールフォルダで使用される参照ファイルであるため、「ファイルが存在しません」というエラーが発生します

012問題の

ビデオは説明した:1分の40代https://www.screencast.com/t/D4CvGQkk0cl

答えて

0

node_modulesは、テーマで使用できますが、ブラウザで編集するときに利用できません。その理由は、「バンドル中」の内容がnode_modulesの内容が別の形式に変換され、/parsedディレクトリ内に配置されているためです。

店舗のコントロールパネルでテーマを編集するときは、/parsedディレクトリ/ node_modulesの内容は編集できず、アクセスできません。

この問題に対処するには、非パッケージ管理方式を使用することをおすすめします。

+0

この情報をお寄せいただきありがとうございます。このようにインポートを行ったのは、これがCornerstoneのテーマで使用されていた既存のパターンだったからです。このリンクをチェックしてください:https://github.com/bigcommerce/cornerstone/blob/master/assets/scss/components/vendor/slick/_component.scss ベンダーのスタイルシートでインポートする方法の例はありませんWebpackで奇妙なコピー/ペーストを行うのですか? – Ransom

+0

@Ransom私はそれが変更されないという期待に含まれていたと信じています(少なくとも、その機能がリリースされていないため、CP内からではありません。私はより良い方法を知らない:( – Alyss

関連する問題