如何使用webpack将引入的bootstrap单独output到css文件夹下

Question

webpack小白
webpack默认会将文件处理成单个的bundle.js，我在main.js中引入了node_modules文件夹下的bootstrap.css，输出时候发现也在bundle.js中了，可是我想单独输出到css文件夹下的bootstrap.css，请问有什么办法？

Answer 1

先安装css-loader和style-loader
然后

            //抽离css
            { test: /.css$/, loader: ExtractTextPlugin.extract('style', 'css') }

如果你还要sass之类的要单独打包

            { test: /.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass') }

单独打包的路径是

    plugins: [
        new ExtractTextPlugin('css/[name].css')
    ]