![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
渲染的一抹寂静
热爱互联网,喜欢研究层出不穷的前端技术,本人活泼开朗,积极向上,热爱生活,追求自由简单,座右铭是努力到无能为力,拼搏到感动自己!
展开
-
vue-cli脚手架目录一览
最近在学习vue,看的稀里糊涂。今天从头开始,把cli配置的vue项目目录和配置文件搞清楚。先看看整个项目目录结构:再看看build文件夹下相关文件及目录:config文件夹下目录和文件:接下来说说vue-cli项目中页面相关的主要文件首先是index.html:说明:一般只定义一个空的根节点,在main.js里面定义的实例将挂载在#app节点下,内容通过vue组件填充。Ap...转载 2018-11-13 17:14:25 · 226 阅读 · 0 评论 -
vue-cli脚手架之build文件夹上半部
build.js作用:命令npm run build的入口配置文件,主要用于生产环境。build.js中具体含义标注(vue-cli脚手架官方文件解释,大家可自行定制这里面的内容):check-version.js,文件有点点长这里直接贴代码:// An highlighted block'use strict' //js严格运行模式const chalk = require('ch...转载 2018-11-14 11:28:10 · 291 阅读 · 0 评论 -
vue-cli脚手架之开发环境的webpack配置——webpack.base.conf.js
webpack相关的重要配置文件将在这一节给出。webpack水很深,在此先弄清楚原配文件内容的含义,后续可以自己根据实际情况配置。webpack.base.conf.js:配置vue开发环境的webpack配置,处理各种文件(js、css、vue、图片、视频…)// An highlighted block'use strict'//js严格模式执行const path = requir...原创 2018-11-14 11:55:53 · 904 阅读 · 0 评论 -
vue-cli脚手架之webpack.dev.conf.js
webpack.dev.conf.js 开发环境模式配置文件:// An highlighted block'use strict'//js按照严格模式执行const utils = require('./utils')//导入utils.jsconst webpack = require('webpack')//使用webpack来使用webpack内置插件const config ...转载 2018-11-14 13:39:43 · 301 阅读 · 0 评论 -
vue-cli脚手架之webpack.prod.conf.js
// An highlighted block'use strict'//js严格模式执行const path = require('path')//这个模块是发布到NPM注册中心的NodeJS“路径”模块的精确副本const utils = require('./utils')//utils.js文件const webpack = require('webpack')//webpack模...转载 2018-11-14 14:12:52 · 278 阅读 · 0 评论