一.通过vue-cli构建的项目的文件介绍
1.bulid文件夹 ==> 项目打包的配置文件夹 2.config文件夹 ==> 打包的配置 3.src文件夹 ==> 项目开发的源码 3.1 App.vue ==> 入口主件 3.2main.js ==> 项目入口的js文件 4.static ==> 静态资源 .babelrc ==> ES6编译插件的配置 .editorconfig ==> 编辑器的配置(如sublime) .gitigonre ==> git提交忽略的地址 .postcssrc.js ==> 添加前缀的配置 index.html ==> 单页面的入口 5.package.json ==> 基础的配置文件 5.1 dependencies ==> 项目的依赖库, 如vue, vue-router, 上线需要的插件 5.2 devDependencies ==> 开发时依赖库,帮助我们开发, 打包后就不需要了, 上线不需要的插件 5.3 engines ==> 引擎 5.4 browserslist ==> 浏览器兼容性
二.只要核心关注以下几个页面
1.build/webpack.base.conf.js ==> 打包的核心配置 2.config/index.js ==> 环境配置 3.build/prod.conf.js 4.build/build.js ==> 构建生产版本, 不需要去改
三.打包生产包
$ cnpm run build
1.打包后生成一个地址(dist文件夹)
在config/index.js 看到打包后的地址
build{ assetsPublicPath: 'www.taoalan.com', // 加入域名地址 然后http请求的文件会加www.taoalan.com的域名前缘 }