問題タブ [gulp-autoprefixer]
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.
gulp - gulp、browsersync、sass、autoprefixer が機能しない
Autoprefixer、sass、および browser-sync で gulp を正しく動作させようとしていますが、いくつか問題があります。
Gulpfile.js を次のように設定します。
これはウェブサイトから入手しました。.scss を .sass に変更するだけです
私が望んでいたことの全体的なアイデアは、.sass ファイルを配置する "scr" というマップを作成することでした。これは、.css ファイルになる /assets/css フォルダーにコンパイルする必要があります。
index.html、gulpfile.js、およびpackage.jsonが保存されているメインディレクトリにすべてをインストールしました。
しかし、今は src/css/main.sass で作業しています。保存しても何も起こりません。それで、変更が見られず、コンパイルされないと推測していますか?はい、index.html 内で main.css をリンクしました
あなたが私を助けて、何がうまくいかなかったのかを説明してくれることを願っています。
gulp - Gulp の Autoprefixer プラグインの browserslist オプションは、どのブラウザーを含めるか除外するかを定義しますか?
おそらく私が尋ねた中で最もばかげた質問ですが、ドキュメントと限られた例が非常に曖昧であることがわかりました。
IE7+ などを含む、できるだけ多くのブラウザーをサポートしたいと思います。
論理的には、上記の「browsers」オプションが存在して、どのブラウザーまたはブラウザーの範囲をサポートする必要があるかを正確に定義していると思います。つまり、上記は次のように変換できます。
「すべてのブラウザーの最新 5 バージョンをサポートし、IE のすべてのバージョン (7 以降) がサポートされていることを確認してください。」
別の言い方:
「これらのブラウザーで必要なスタイルを削除しないでください」
browsers
オプションを正しく理解しましたか?