随笔分类 -  2018 - vue-cli

摘要:打包命令: npm:npm run build yarn:yarn run build 路径:/config/index.js 是否产生map文件,置为false. 阅读全文
posted @ 2018-09-14 16:34 Sunsin 阅读(1060) 评论(0) 推荐(0) 编辑
摘要:1. 先安装axios 1.1 npm安装:npm i -D axios 1.2 yarn 安装:yarn add axios --dev 2. 配置main.js,在src目录下. 3. 使用 阅读全文
posted @ 2018-09-14 15:05 Sunsin 阅读(248) 评论(0) 推荐(0) 编辑
摘要:1. 添加less、sass处理 1.1如果是sass,首先在当前目录安装处理插件(sass): 1.2如果是less,首先在当前目录安装处理插件(less) 2.其次打开webpack.base.conf.js 3.在所需要sass或less处理的文件填写对应的css处理加载即可 阅读全文
posted @ 2018-09-10 13:55 Sunsin 阅读(1849) 评论(0) 推荐(0) 编辑
摘要:描述:包管理信息(npm || yarn) npm 和 yarn 站在了对立面. 不过我还是首推 yarn. 阅读全文
posted @ 2018-09-09 10:45 Sunsin 阅读(186) 评论(0) 推荐(0) 编辑
摘要:描述:通过App.vue绑定#App元素(进行展示).div#id中间写入任何内容都会失效. 阅读全文
posted @ 2018-09-09 10:42 Sunsin 阅读(262) 评论(0) 推荐(0) 编辑
摘要:描述:添加浏览器私缀(私缀是上世纪90年代浏览器大战的产物,也是现在新型浏览器支持某些新API,而其它浏览器不支持的证明!) 我们看看App.vue 再来看看打包后的css文件 一切都是靠你postcss! vue常用的配置如下 不太明白的话,可以去github看文档: 阅读全文
posted @ 2018-09-09 10:38 Sunsin 阅读(13122) 评论(1) 推荐(2) 编辑
摘要:描述:npm官方屏蔽上传文件编写文件. 举例(屏蔽的文件/文件夹记得分行) 屏蔽文件:yarn.txt 屏蔽文件夹:/dist/ 阅读全文
posted @ 2018-09-09 10:27 Sunsin 阅读(3265) 评论(0) 推荐(0) 编辑
摘要:描述:配置文件以及编码等信息 阅读全文
posted @ 2018-09-09 10:25 Sunsin 阅读(482) 评论(0) 推荐(0) 编辑
摘要:描述:bable-es2015以及babel本身组件在新版本要求的外部配置文件. 具体请查看官网文档:https://babeljs.io/docs/en/options 阅读全文
posted @ 2018-09-09 10:23 Sunsin 阅读(356) 评论(0) 推荐(0) 编辑
摘要:描述:git上传忽略的文件,与.gitnoignore一样. 阅读全文
posted @ 2018-09-09 10:19 Sunsin 阅读(763) 评论(3) 推荐(0) 编辑
摘要:描述:重新编写一个组件 1.1 编写一个PrintName.vue 1.2 编写路由 1.3访问 不知道你有没有发现一件事情,图标也有啊!,本身App.vue就有啊(我们带过去的不过就是router-view 绑定的数据^_^) 阅读全文
posted @ 2018-09-09 10:17 Sunsin 阅读(1131) 评论(0) 推荐(0) 编辑
摘要:描述:这里存放一些本地资源(images、css、js). assets:开发服务器(dev Server时引用的临时路径) static:静态资源存放(build Server). 阅读全文
posted @ 2018-09-09 09:52 Sunsin 阅读(255) 评论(0) 推荐(0) 编辑
摘要:详情见:node_modules导包机制 在打包或者结束项目时,这个文件夹(node_modules)不应该被打包. 你应该打包其它的文件,如果要运行(直接用以下命令安装即可,它会根据package.json文件来安装): npm install 或 yarn add . 阅读全文
posted @ 2018-09-09 09:41 Sunsin 阅读(1251) 评论(0) 推荐(0) 编辑
摘要:描述:打包后准备上线的文件(需要服务器环境才能运行!!!) 阅读全文
posted @ 2018-09-09 09:35 Sunsin 阅读(234) 评论(0) 推荐(0) 编辑
摘要:描述:我想,这是调用最多的一个文件了吧(无论是dev,还是prod) 阅读全文
posted @ 2018-09-09 09:33 Sunsin 阅读(300) 评论(0) 推荐(0) 编辑
摘要:描述:配置产品模式、打包模式:开发还是打包,以最佳运行(不配置则有一个大大的Warning!!!) 官网:https://www.webpackjs.com/concepts/mode/ 阅读全文
posted @ 2018-09-09 09:24 Sunsin 阅读(9171) 评论(0) 推荐(0) 编辑
摘要:描述:webapck基本配置文件. 为了给开发文件和打包文件(webpack.dev.conf.js|| webpack.prod.conf.js) 提供方便. 阅读全文
posted @ 2018-09-09 09:15 Sunsin 阅读(1308) 评论(0) 推荐(0) 编辑
摘要:描述:webpack打包项目时的配置文件. 命令:yarn run build 或 npm run build 打包后,生成的文件在dist文件夹下 打包后,要在服务器环境下运行!!! 关于怎样运行,请查看:https://www.cnblogs.com/cisum/p/9370163.html , 阅读全文
posted @ 2018-09-09 09:11 Sunsin 阅读(802) 评论(0) 推荐(0) 编辑
摘要:描述:开发时的配置.(配置开发时的一些操作) 例如这里,是否自动打开浏览器(默认true) 阅读全文
posted @ 2018-09-09 08:36 Sunsin 阅读(522) 评论(0) 推荐(0) 编辑
摘要:描述:获取当前可用的port. (vue-cli配置好了,一旦端口被占用,报错,再次运行时会打开:8080+1,依次类推...8080+n) 官网地址:https://www.npmjs.com/package/portfinder 阅读全文
posted @ 2018-09-09 08:24 Sunsin 阅读(1623) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示