バージョン選択

フォーラム

メニュー

オンライン状況

51 人のユーザが現在オンラインです。 (42 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 51
もっと...

サイト内検索

質問 > フロント機能 > 4.05に移行後、独自scssからcssへの変換ができない

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kazz_oga
投稿日時: 2020/10/10 12:21
対応状況: 確認中
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 144
4.05に移行後、独自scssからcssへの変換ができない
▼テンプレート
[EC-CUBE] ECCUBE4.05
[レンタルサーバ] local環境
[OS] MacOS 10.15.6
[PHP] 7.4.7
[データベース] MySQL
[WEBサーバ] Apache2.4
[ブラウザ] safari
[カスタマイズの有無]
独自のscssを配置
   html/template/default/asssets/scss/独自project/独自.scss
style.scssに@importを追加
html/template/default/asssets/scss/styles.scssにつぎを追加
    @import "独自project/独自.scss";
[現象]
1. npm run buildでエラー
 gulp-notify: [Error running Gulp] Error:    
html/template/default/assets/scss/style.scss
Error: It's not clear which file to import for '@import "独自project/独自"'.
Candidates:
独自project/独自.scss
独自project/独自.css
Please delete or rename all but one of these files.
on line 70 of html/template/default/assets/scss/style.scss
>> @import "独自project/独自";

2. cssの生成される場所が不思議
 a) html/template/default/asssets/scss/独自projectに次が生成される
   独自.css
独自.css.map
b) 4.04で生成された場所には生成されない
  次の場所には生成されない
   html/template/default/asssets/css/独自
   html/template/default/asssets/maps/独自

4.04→4.05はgitからのマージでやっています。何らかの設定不足でしょうか
kazz_oga
投稿日時: 2020/10/11 10:26
対応状況: −−−
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 144
Re: 4.05に移行後、独自scssからcssへの変換ができない
npm, gulpのバージョンは次のとおり
 npm 6.14.8
gulp 4.0.2
kazz_oga
投稿日時: 2020/10/11 13:56
対応状況: −−−
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 144
Re: 4.05に移行後、独自scssからcssへの変換ができない
生成されるファイルを削除して、npm run buildを実行させると
エラ〜メッセージは出なくなりますが、
独自.scssがなくなり、独自.cssに置き換えられるています

・削除したファイル
html/template/default/assets/css/stayle.css,
html/template/default/assets/css/sytlecss.map,
html/template/default/assets/css/style.min.css
html/template/default/assets/css/style.min.css.map
npm run buildで再生成される

・npm run build後、置き換えられたファイル
html/template/default/assets/scss/独自project/独自.scss 消失
html/template/default/assets/scss/独自project/独自.css 新しいファイル
kazz_oga
投稿日時: 2020/10/13 11:15
対応状況: −−−
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 144
Re: 4.05に移行後、独自scssからcssへの変換ができない
現象が正確に表せていなかったよです。改めて整理しました。
・4.04でのscssの扱いと4.05での扱いの違いの認識が不足していた
・混乱して、誤り操作をしていた可能性がある

改めて[現象]
1)生成されるファイル(*1)を削除しないでnpm run buildを実行した場合
 ・エラーメッセージ(*2)が出る
 ・style.cssに独自.scssが反映されない
2)生成されるファイルを削除してnpm run buildを実行した場合
 ・エラ〜メッセージが出る
 ・style.cssに独自.scssが反映される

*1)対象のファイル
 html/template/default/assets/css/style.css
html/template/default/assets/css/style.css.map
html/template/default/assets/scss/独自project/独自.css
html/template/default/assets/scss/独自project/独自.css.map
*2)出力されるエラーメッセージ
 [Error running Gulp] Error: html/template/default/assets/scss/style.scss
 Error: It's not clear which file to import for '@import "独自project/独自"'.
Candidates:
独自project/t独自.scss
独自project/独自.css
Please delete or rename all but one of these files.
 on line 70 of html/template/default/assets/scss/style.scss
   >> @import "独自project/独自";

kazz_oga
投稿日時: 2020/10/21 16:14
対応状況: 解決済
一人前
登録日: 2013/8/5
居住地: 東京都北区赤羽西
投稿: 144
Re: 4.05に移行後、独自scssからcssへの変換ができない
次の修正をすることで解決しました

gulp/task/scss.jp 31行目
変更前 path.dirname = path.dirname.replace(/scss$/, 'css')
変更後 path.dirname = path.dirname.replace('/scss', '/css')

gulp/task/scss-min.jp 30行目
変更前 path.dirname = path.dirname.replace(/scss$/, 'css')
変更後 path.dirname = path.dirname.replace('/scss', '/css')
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,712名です
総投稿数は109,949件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1285
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.