webpack3.6入门

起步

E:\workspace>mkdir mall-admin && cd mall-admin
E:\workspace\mall-admin>npm init -y
E:\workspace\mall-admin>npm install --save-dev [email protected]

项目结构

按照以上步骤只会生成两个json文件，其他入口启动文件不会生成这样很不方便，所以我们要认识
npm install --save-dev [email protected] 这个命令只会生成一个dev依赖，不会有入口相关文件，那么如何才能方便快键达到框架的好处呢？

所以我决定尝试使用官方的命令：
https://www.webpackjs.com/guides/getting-started/

npm install webpack webpack-cli --save-dev

但是上面没有指定版本所以修改为以下命令

npm install [email protected] webpack-cli --save-dev

试了几次发现目录还是只有两个json文件。所以猜想失败。

总结

官方文档其实也是手动创建的配置文件，所以自己感觉瞎折腾了一会，但是也没有，自己明白了webpack是javascript静态模块打包器，类似java中的maven构建工具。 通过百度知道了，其实我自己是想构建一个初始项目，然后里面有各种东西：构建脚本目录，构建配置目录，源码目录等。有这样的一个框架来学习前端相关的应用，因为像我这样后台开发人员，也需要学习目前流行的单页面应用。

结论

使用Vue-cli脚手架构建工具，构建vue框架来学习vue，webpack只是一个类似maven的东西。