extract-text-webpack-plugin

用法：

css-loader") }
        ]
    },plugins: [
        new ExtractTextPlugin("styles.css")
    ]
}

在 vue-cli 的webpack.base.config.js里面额外添加了一个 vue block:

css-loaders'
module.exports = {
  // ...
  vue: {
    loaders: cssLoaders()
  }
}

在css-loaders.js里面可以看到，它导出一个函数，这个函数接收一个选项对象，如果在这个对象里面把extract和sourceMap设为 true 则可以启用其功能（当然还需要在插件里面设置一下）：