如何使用webpack和vue-loader从单个文件vue组件中的<style>标签输出单个CSS文件

Question

我目前正在使用webpack打包我的所有 .vue 文件，但我也在努力打包与每个vue组件关联的css。

＆＃xA;＆＃xA;

我正在使用 webpack.base.conf.js ，其中包含 vue-load.conf.js 和 utils.js 来自 https://github.com/vuejs- templates / webpack 。

＆＃xA;＆＃xA;

我非常有信心我需要利用 extract-text-webpack-plugin ，但目前还不清楚。我不使用webpack-dev-server，而是使用＆＃xA; webpack --progress --colors --watch --config build / webpack.base.conf.js --output-filename built。 JS

＆＃XA;