質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
import

自身のプラットフォーム・プログラム・データセットに対して、外部ソースを取り込むプロセスをimportと呼びます。

Less

LessはCSSをシンプルかつ効率よく書くための、 CSSメタ言語の1つです。 lessで変数宣言を行う場合、@から宣言します。

Q&A

0回答

249閲覧

webpackでlessのコンパイルを環境によって変える方法

kubotan

総合スコア39

import

自身のプラットフォーム・プログラム・データセットに対して、外部ソースを取り込むプロセスをimportと呼びます。

Less

LessはCSSをシンプルかつ効率よく書くための、 CSSメタ言語の1つです。 lessで変数宣言を行う場合、@から宣言します。

0グッド

1クリップ

投稿2017/11/09 10:13

webpackでlessファイルを開発環境かプロダクションで分岐させたいのですが、
なかなかうまくいきません。

やりたいことを簡単に説明すると
例えば
・base_prod.less
・base_dev.less
のファイルがあってこれを環境によってどちらかをコンパイルしたいということです。

ちなみに分けたい理由が環境によってbackgroundに使うurlが違うので、
それぞれ

base_prod.lessでは

LESS

1@import 'base.less'; 2@background_url: 'http://example-production.com/background.jpg';

base_dev.lessでは

LESS

1@import 'base.less'; 2@background_url: 'http://example-development.com/background.jpg';

のようにファイルを分けてwebpackで分岐させるという情報を見つけたからです。

もしもっといい方法や解決策がある方がいればぜひご教授ください。
説明が下手で申し訳ありません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問