vue webpack xxx的配置说明

build.js 配置的是构建时的一些配置
check-versions.js 时版本检查的插件
dev-client.js 热重载配置文件,配置了开发的时候 当我们修改了原代码的时候,浏览器自动更新
window.localton.reload()
dev-server.js 文件为服务器配置文件 该配置文件配置了一个express框架 express是基于node的一个框架,可以启动一个服务,让我们能够在开发时访问
utils .js 中是一些工具类
vue-loader.conf.js vue加载器

build/webpack.base.conf.js 文件中是基本的打包配置文件,如程序的入口设置 app ,加载config/index.js文件中的配置,进行输出
注意:require(…/config)其实加载的是/config/index.js文件,因为require中如果没有指定到文件,则默认加载的是index.js文件
vue-loader vue特定的配置文件加载插件
babel-loader es6解析插件的加载也是在这个里面配置的babel
url-loader 将字体、图片转成bese64插件 limit配置了文件的大小 ,小于这个大小的文件都将被转义

webpack.dev.conf.js和webpack.prod.conf.js文件都分别继承了webpack.base.conf.js文件,是对打包配置文件的补充

构建成功后会生成dist文件夹 ,为什么叫dist实在config/index.js中默认设置了模板导出地址根目录为dist

config/index.js 为项目的一些基本设置
在config/index.js中配置了模块导出的一些地址设置,比如如果我们需要将js配置到cdn中时,我们可以修改输出的地址为cdn的地址,那么在系统文件引用中就是cdn的地址,默认的输出地址为 /

node_modules 项目的依赖 通过npm来安装

src 源码
App.vue 每一个vue是一个组件
main.js 项目的入口 该文件中加载了App.vue组件

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

为什么vue文件也能不用些.vue后缀就能加载呢,跟项目的配置加载有关

配置主要关注 index.js 和webpack.base.conf.js 其他的都是一些辅助性的配置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值