vue cli 入口

1. main.js是项目的入口文件,定义了vue实例,并引入根组件app.vue,将其挂载到index.html中为app的节点上;

2. npm run XXX  中的XXX可以理解为键值对对应的key,实际上run的是在package.json里面的scripts配置的value;

3.webpack(依赖于node.js运行坏境)

  > vue cli搭建的项目本质是一个集成预设值的webpack项目, 是webpack驱动着项目的打包、热重载和本地运行;

  >入口文件是webpack的一个概念,入口文件是webpack构建内部依赖项目的起点;

  >app.js是由webpack打包生成的输出文件,而将app.js挂载到index.html的这一过程是由webpack的一个插件-html-webpack-plugin完成的

  >webpack是js应用程序的静态模块打包器,作用:

    1. 浏览器不能识别vue文件,所以需要打包成它能识别的

    2. 对模块进行打包整合可以减少请求数

    3. 打包输出的bundle不会包含重复或未使用模块,实现了按需打包,减少冗余

4. .babelrc 是将ES6,ES7转化为ES5

 .editorconfig 对代码格式作统一

posted @ 2020-11-24 21:37  碗粥  阅读(247)  评论(0编辑  收藏  举报