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引入就行了。