vue cli巨坑亲历

之前项目都是使用自己搭建的webpack环境做开发，在这原有基础上修修补补，一直顺风顺水的。这周末试着用vue cli这个神作进行项目搭建，一下午磕磕绊绊才弄了个大概。以下简单罗列下做个自我总结：

①打包报缩进字数、少空格、单引号等等代码规范错误：

原因是使用了eslint-loader检测代码加载器，这应该是出自极品处女座之手的“作品”，对于我这种以目的驱动、先主后次的做事风格，现阶段是怎么也接受不了这么个无聊玩意的。对策：找到配置项，将其注释或删除。

②webpack处理less文件报错"Cannot find module ‘less’ "：

看了下官方资料说安装less-loader style-loader css-loader可解决，按着去做然并卵。最终查资料，屡屡试错后解决！对策是 npm install less --dev这样下个less。

③引入第三方css文件报错，类似这：error  in ./~/element-ui/lib/theme-default/index.css Module build failed: Unknown word (5:1)

耗费近一个小时仍未找到最终解决方法，网上查不到任何有效资料，不断试错后用了最直接的办法，使用exclude顾虑调报错的文件（或者直接删掉）,这样处理后可以正常开发调试。但连环问题接踵而来：打包报加载器错误...

————无数大坑小坑在前路等待中！