2-3 vue配置介绍

一.通过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的域名前缘   
}