vue文件中 css样式怎么 独立出一个单文件

Question

现在app.vue文件中有

<template>
    <div>...</div>
</template>

<script lang='coffee'>
    a = 123
</script>

<style lang='less'>
    a {
        display: none
    }
</style>

vue－loader 后 会把style 样式通过打包后的js文件 添加到 页面
但是我想 把所有vue文件中的css打包到一个style.css 手动引入
看到 有这样的写法

vue: {
    css: ExtractTextPlugin.extract("css"),
    less: ExtractTextPlugin.extract("css!less-loader")
},

但是无效啊
ExtractTextPlugin办不到啊

Answer 1

vue: {
    loaders: {
        css: ExtractTextPlugin.extract("vue-style!css"),
        less: ExtractTextPlugin.extract("vue-style!css!less-loader")
    }
}