webpack 配置 热更新 webpack-dev-server 设置 less 环境-------- 的感悟

不是配置相关的文章，仅仅是个人感悟；

---------------------------------------------------------------------------

本来就想简单的配置一个webpack的热更新然后使用less进行简单的开发；

可是没想到这中间的坑太太多，还得考验你的运气：

看看我的过程吧：

预计配置时间：2h      结果：12小时      计划赶不上变化啊 ！！！

下载webpack，webpack-cli ，webpack-dev-server，css-loader ， style-loader，less-loader，less；

下载完成配置一番之后，成功挂掉；

重新下载全部东东，且局部安装；最后测试发现 js 文件可以编译，可以热更新；ok，成功了一小步；

再次尝试各种操作，换各个模块的版本，修改配置，再次测试，css提示没有合适的loader,好吧，

再次各种尝试，也不知怎么解决的，反正成功了，也就是说，css 文件可以编译，可以热更新了；

按照css的配置过程添加了less，测试发现，可以编译，但是热更新又提示没有合适的loader，好吧，

再次尝试个各种操作，最后成功解决这个问题；

上面的每个阶段我都尝试了几个小时，反复的重新配置文件，下载文件，一步步向前走，解决一个问题，

再攻克下一个问题，其中，有的时候你可能出错的时候，关闭所有东西之后，再次启动可能就成功了，

很奇怪啊，反正不知到是哪里的问题，我从前一天晚上的12点，到第二天的晚上8点，就这么一直尝试，

最后结果很好，成功了，所以问题啊一定是可以解决的，只是时间问题，获得的更多的是在这个过程中积累的

经验和感觉，经验丰富的人可能靠感觉就能解决问题；

坚持！