webpack配置文件

webpack的配置文件 (vue的2.x)

一. vue-cli的2.0 文件目录

• build.js

• config.js

• node-models ---- 包的依赖文件

• static ---- 存放静态资源

  • .babel.js (2.x) ---- 高级语法的配置文件 .babel.config.js (3.x)

  • .editorconfig ---- 编译器的配置文件

  • .gitigonore ---- 上传远程服务的剔除文件

  • .postcssrc (2.x) ---- 样式的插件配置文件 postcss.config.js (3.x)

  • index.html ---- 主要页面

  • package.json ---- 记录文件

  • src ---- 存放源码

    • assets 存放imgs, css, js...

    • compontents 存放普通的组件

    • pages 存放插件

    • plugins 存放第三方ui组件库

    • router 存放路由文件

    • views 存放常用组件

    • App.vue 根组件

    • main.js 入口文件

    • api 存放后台请求的接口

二. webpack的基本使用

1. 新建一个空项目

   1.1 初始化项目 npm init -y

2. 新建一个src文件夹

   2.1 新建index文件 touch in