lyww1992的博客

本文介绍的是vue-cli项目中，webpack下build.js文件各条命令含义，主要是在项目目录中执行npm run build时的设置。关于webpack我本人并没有进行过系统学习，边角料的碎片化学习慢慢来吧，聚沙成塔咯'use strict' // 严格模式require('./check-versions')() // 引入检查版本文件并立即执行process.env.NO...

'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { assetsSubDirectory: 'static', ...

本文为vue/cli脚手架下src目录中的utils.js 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇全局函数设置exports.install = function (Vue, options) { // 控制书籍介绍字数 Vue.prototype.controlText = (str, len) => { return str.length >...

本文为vue/cli下src目录中main.js篇 完整项目结构参见vue-cli 项目模板文件说明（一）整体结构篇关于main.js没什么好写的，主要是为了配合其他几部分导入http、router、store、until.js 文件// The Vue build version to load with the `import` command// (runtime-only or s...

本文是vue/cli脚手架下src目录下store篇，完整项目结构参照vue-cli 项目模板文件说明（一）整体结构篇4.store目录(1)module状态管理的模板页，如果状态管理本身比较复杂的话，可将每个组件的状态单独建立一个模板，然后由同目录下store.js统一导出，方便维护示例文件const state = { limit: 30}const mutations =...

本文为vue/cli脚手架下src目录中的router目录 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇index.js(1) 定义页面时采用按需加载式，使用时才加载(2) meta 定义页面层级，处理移动端返回时使用，比如采用类似书籍翻页效果时，index小的进入index大的页面是翻开一页，反之是翻回一页(3) 使用history模式，避免地址栏出现‘#’，为防止刷新页...

本文为vue/cli下src目录中http篇，项目结构参照vue-cli 项目模板文件说明（一）整体结构篇本目录文件参考 这里，对本目录有疑问可以进行参照斧正，下面是单个文件内容(1) config.jsexport default { method: 'post', //基础路径前缀，如有多个可在请求中单独设置 baseURL: 'https://cnodejs.org/api...

本文主要针对的是vue/cli2.x项目中src目录下components目录下文件说明及管理，项目整体结构参照 vue-cli 2.x项目模板文件说明（一）整体结构篇1、*.vue 文件直接参照原始生成模板2、当需要引入的全局组件比较多时，为保持main.js的简洁性，设置index.js文件统一引入组件，然后在main.js中统一引入，index.js文件如下import Header from '@/components/Header'import Footer from '@/compo

第一次做了一个vue项目，给自己留一份模板记录整体结构├── build #webpack配置├── config # 配置 ├── dev.env.js # 开发环境 ├── index.js # 配置控制 ├── prod....