webpack能否打包公共的css文件

Question

是这样 我有一个base.css文件 我想不通过在js中require()的情况下，在webpack打包的时候让每一个页面都能自动引用这个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')
);

这个common/base.less文件 我就不想通过这样的方式引来让webpack帮我打包，因为这是一个根文件 也就是每个页面都会用到 如果我没个页面都写这样一句话就很麻烦，所以问问有没有什么在webpack上配置的方法 能让我的所有页面都自动引用这个文件。

Answer 1

啥项目？在根组件里直接引用不行吗？或者单独弄一个link，扔static里。

Answer 2

你每个入口都引入了webpack才知道你这个是公共文件，你实在不想写了就按楼上说得放到static文件夹，在你项目的公共head引入就行了。