webpack能否打包公共的css文件

是這樣 我有一個(gè)base.css文件 我想不通過(guò)在js中require()的情況下，在webpack打包的時(shí)候讓每一個(gè)頁(yè)面都能自動(dòng)引用這個(gè)css文件怎么做？
代碼是這樣的

import { Button } from 'element-react';
import 'element-theme-default';
require('common/base.less');
require('./style.less');

class Login extends React.Component{
    constructor(props){
        super(props)
    }
    render(){
        return <div>
            <Button type="primary">主要按鈕</Button>
        </div>
    }
}

ReactDOM.render(
    <Login/>,
    document.getElementById('root')
);

這個(gè)common/base.less文件 我就不想通過(guò)這樣的方式引來(lái)讓webpack幫我打包，因?yàn)檫@是一個(gè)根文件 也就是每個(gè)頁(yè)面都會(huì)用到 如果我沒(méi)個(gè)頁(yè)面都寫這樣一句話就很麻煩，所以問(wèn)問(wèn)有沒(méi)有什么在webpack上配置的方法 能讓我的所有頁(yè)面都自動(dòng)引用這個(gè)文件。