Vue CLI 3マジすごい

Vue CLI 3 の用意する設定は現時点では確かにベストの形に近く、かつカスタマイズもそこそこしやすいのでとても助かる。生で Webpack と戦う気はなく、かつ Vue.js に振るのは決定しているという状況なら間違いなく Vue CLI 3 から始めるのがよいと思う。以前 v2 を試してみた時とは比べものにならない。

  • Webpack 4 の zero config は「command line option で賄える、そこにある程度 default が用意された」程度の意味であって、信じてはいけない
  • Vue CLI 3 の言う Webpack 設定の抽象化は Nuxt.js v1 よりもスジがよい感じ
  • 大変なのは loader 設定であって、そこから解放されるだけでも十分価値がある
  • よく使われてる plugin や webpack-merge, webpack-chain の知識が手に入るのはありがたい
  • vue ui マジ神
  • vue-cli-service inspect マジ便利

特に最後の inspect は隠されていた情報がちゃんと見えるようになって、今の挙動に何の設定が関与しているのか、を追えるようになるのがとてもよい。Nuxt 1 を使っていた時はここに苦しめられた記憶があるので。

Webpack が 3 から 4 になって良くなったことは分かってないけど、Vue CLI が 2 から 3 になったのはマジライフチェンジング。

※ 個人的には CopyWebpackPlugin お前勝手に何しやがるという気持ちが芽生えました。そういうのは見えるように vue.config.js に置いておくべき。

More

Categories

Tool 日々 Web Biz Net Apple MS ことば News Unix howto Food PHP Movie Edu Community Book Security Text TV Perl Ruby Music Pdoc 生き方 RDoc ViewCVS CVS Rsync Disk Mail FreeBSD Cygwin PDF Photo Zebedee Debian OSX Comic Cron Sysadmin Font Analog iCal Sunbird DNS Linux Wiki Emacs Thunderbird Sitecopy Terminal Drawing tDiary AppleScript Life Money Omni PukiWiki Xen XREA Zsh Screen CASL Firefox Fink zsh haXe Ecmascript PATH_INFO SQLite PEAR Lighttpd FastCGI Subversion au prototype.js jsUnit Apache Trac Template Java Rhino Mochikit Feed Bloglines CSS del.icio.us SBS qwikWeb gettext Ajax JSDoc Rails HTML CHM EPWING NDTP EB IE CLI ck ThinkPad Toy WSH RFC readline rlwrap ImageMagick epeg Frenzy sysprep Ubuntu MeCab DTP ERD DBMS eclipse Eclipse Awk RD Diigo XAMPP RubyGems PHPDoc iCab DOM YAML Camino Geekmonkey w3m Scheme Gauche Lisp JSAN Google VMware DSL SLAX Safari Markdown Textile IRC Jabber Fastladder MacPorts LLSpirit CPAN Mozilla Twitter OpenFL Rswatch ITS NTP GUI Pragger Yapra XML Mobile Git Study JSON VirtualBox Samba Pear Growl Mercurial Rack Capistrano Rake Win RSS Mechanize Sitemaps Android JavaScript Python RTM OOo iPod Yahoo Unicode Github iTunes God SBM friendfeed Friendfeed HokuUn Sinatra TDD Test Project Evernote iPad Geohash Location Map Search Simplenote Image WebKit RSpec Phone CSV WiMAX USB Chrome RubyKaigi RubyKaigi2011 Space CoffeeScript Nokogiri Hpricot Rubygems jQuery Node GTD CI UX Design VCS Kanazawa.rb Kindle Amazon Agile Vagrant Chef Windows Composer Dotenv PaaS Itamae SaaS Docker Swagger Grape WebAPI Microservices OmniAuth HTTP 分析基盤 CDN Terraform IaaS HCL Webpack Vue.js BigQuery Middleman CMS AWS PNG Laravel Selenium OAuth OpenAPI GitHub UML GCP TypeScript SQL Hanami Dev Jekyll