在生产 webpack 构建中删除 <style> - vuejs

【问题标题】：Remove <style> on production webpack build - vuejs在生产 webpack 构建中删除 <style> - vuejs
【发布时间】：2017-05-17 05:10:34
【问题描述】：

我想问一下如何使用 webpack 配置将所有这些 <style> 标签放在我的 html 中的 css 文件中。 <style> 的内容来自我通过 npm 安装的 vue-strap 库中的 node_modules。我检查了图书馆的.vue，里面有css样式。我在进行生产构建时如何将其分开。

【问题讨论】：

标签： webpack vue.js

【解决方案1】：

您可以使用 webpack 的 ExtractTextPlugin 将所有 CSS 提取到单独的 .css 文件中，然后您必须将其包含在 index.html 页面中。

https://webpack.js.org/plugins/extract-text-webpack-plugin/

【讨论】：

我已经这样做了，但只是将我的所有 css 文件合并到我的开发文件夹中。但不在 node_modules 文件夹中，例如我在来自 3rd 方库的 node_modules 中有 .vue 组件。那里的 css 不包括在内。