• 1.1 项目文件解读


    • .babelrc ES6的配置
    • .editorconfig 编辑器的配置
    • .gitignore 忽略git提交的配置
    • .postcssrc.js HTML添加前缀的配置

    bulid webpack配置文件打包所在的文件夹

    • bulid.js 构建生产版本,打生产包
    • check-versions.js
    • dev-client.js
    • dev-server.js 修改配置后需要从新启动
    • utils.js
    • vue-loader.conf.js
    • webpack.base.conf.js 打包核心配置
    • webpack.dev.conf.js
    • webpack.prod.conf.js
    • webpack.test.conf.js

    cofig 是webpack对应的配置

    • dev.env.js
    • index.js 修改端口号
    • prod.env.js
    • test.env.js

    node_modules 项目的安装依赖

    github上下载下来一般通过npm istall去构建


    src 开发项目的源码

    src路径可以用@(webpack.base.conf.js下配置了)

    • assets :放静态资源,偏向组件的资源,img通过webpack打包时会转换为base64的形式
    • components:放组件
    • router:放路由
    • views :存放页面
    • store : vuex的状态管理
    • App.vue 入口组件
    • main.js 项目入口文件

    static 资源文件夹


    package.json

    dependencies 是项目依赖库,--save就安装到这个目录下
    devDependencies 是开发依赖库,在打包的时候需要,打包后就没有了

  • 相关阅读:
    文本框模糊匹配(纯html+jquery简单实现)
    ajax 基础2
    ajax 基础
    Js 实战3(实现全选)
    JS 实战2(邮箱选人功能)
    JS 实战1(添加、删除)
    Js 图片轮播渐隐效果
    Js 手风琴效果
    树上莫队
    洛谷 3676
  • 原文地址:https://www.cnblogs.com/conglvse/p/9521931.html
Copyright © 2020-2023  润新知