搭建好的vue项目配置文件介绍

版权声明:没经同意不得转载 https://blog.csdn.net/weixin_41622043/article/details/79231255
当我们初步搭建好vue环境的时候,我们会产生很多文件,下面我们对一些重要的文件做一些简单的介绍,便于大家理解。

build 是我们打包所需的配置文件夹
config 是我们项目的配置文件夹
src 是我们项目开发存放源代码的地方
App.vue是我们的入口组件
.vue 的格式文件都是组件文件
main.js 项目入口的文件
.babelrc 文件是es6的配置文件
editorconfig sublime编辑器的配置
.postcssrc.js 是html添加前缀的配置文件
index.html 单页面的入口
package.json 依赖包的配置文件

核心要关注的文件是
./build/webpack.base.conf.js 打包的核心配置文件
./config/index.js 开发配置文件

./build/build,js 是用来构建我们的生产包,这个文件引用了check-versions.js & webpack,base.conf.js & ./config/index.js & webpack.prod.conf.js,文件中spinner是用来输出日志 rm 是用来删除上次打包的文件(删除了就的文件包,再生成新的打包文件)
./build/check-versions.js 使用来检查版本文件
./build/dev-clicent,js 热更新的插件重载,使改完的代码会立马生效
./build/dev-server.js 启动express框架,模拟后端框架服务,让前端来访问
./utils.js 提供工具配置输出
./build/webpack,base.conf.js 这个是主要打包用文件
包含了路径模块、工具配置模块、开发配置模块、路由器配置
vue-loader 是解析vue的插件
babel-loader 是解析es6的插件
url-loader 是把图片和特殊文字压缩成16进制字符,减少服务器请求压力


index.js 开发配置文件
index.js内容如下
index:path 设置输出index.html路径
assetsRoot:设置输出项目根路径
assetsSubDirectory 设置静态资源二级的输出目录都放在static
assetsPublicPath设置静态资源的cdn地址

猜你喜欢

转载自blog.csdn.net/weixin_41622043/article/details/79231255
今日推荐