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