コンテンツにスキップ

Top

Vue.js の style 内で -webkit-animation が効かない

普通のhtmlファイルで動いていた、-webkit-animationをVue.jsに持っていったら動かなかった。

訳が分からんと思って調べたら、 vue-loader が -webkit-animation とかの識別子を内部で勝手に別の変数名にするみたい。

まぁどうでもいいんだけど、.vue の <style> タグ内に書き込まず、別の css ファイルを作り、

<style>
    @import url(../css/hoge.css);
</style>

みたいにimportすれば回避できた!
以上!