test-utilsでVueのテストを書きたい①


Vue.jsのテストもやらねばと思って色々やってみたがなかなか進まない。


test-utilsってVue.jsの公式テストライブラリを使ってみたんだけど、

 WEBPACK  Failed to compile with 1 error(s)

Error in ./app/javascript/router-view/zip-code.vue?vue&type=style&index=0&lang=css&

  Module parse failed: Unexpected character '#' (62:0)
  You may need an appropriate loader to handle this file type.
  | 
  | 
  > #zip-code {
  |   width: 100%;
  |   height: 100%;

npm ERR! Test failed.  See above for more details.

こんなエラーが出る。
.vueファイルのスタイルタグ部分には別途ローダーが必要ってことだと思うんだけど……。

webpack.config.jsでoptionにcss-loaderを指定したり、.vueファイルのcssを別の単一ファイルに抽出するextract-text-webpack-pluginというやつを使ったりしてるんだけど結果は変わらず。


webpackとかコンパイルとかwebpack.config.jsファイルについて調べても動きがよく分からないんだよなあ~~


困った!