問題の発見
vue-cli2でビルドしたプロジェクトで、cssのtext overflowを使ってellipsisを表示するスタイルが、ローカル開発では正常に表示されるのですが、webpackでパッケージ化されると無効になってしまい、トラブルシューティングの結果、パッケージ化されたコードに以下のコードがないことが判明しました。
-webkit-box-orient:vertical
解決方法
/*!autoprefixer:off*/
-webkit-box-orient:vertical
/*!autoprefixer:on*/
テキストオーバーフロー表示省略記号cssの添付
単一行
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
複数行
overflow:hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
その他の方法 ポータル
