現在、スタイリングをカスタマイズするために、less-loader を使用しmodifyVars
ていくつかの変数を上書きしています。
import theme from './theme.js';
{
test: /\.(css|less)$/,
loaders: ['style', 'css?sourceMap', 'postcss', `less-loader?{"sourceMap":true,"modifyVars":${JSON.stringify(theme)}}`],
}
しかし、変更するたびtheme.js
にサーバーを再起動する必要があります( npm run を実行します)、少ないファイルを変更してすぐに置き換える場合と同じように、自動的に作成する方法はありますか?
theme.js
module.exports = {
'@primary-color': '#1DA57A',
'@font-size-base': '14px',
'@btn-font-weight': '200',
};