随笔分类 -  2018 - vue-cli

摘要:描述:webpack网页端友好的报错信息就来自它 官网:https://www.npmjs.com/package/friendly-errors-webpack-plugin 阅读全文
posted @ 2018-09-09 08:16 Sunsin 阅读(1112) 评论(0) 推荐(0) 编辑
摘要:描述: 这是一个webpack插件,可以简化HTML文件的创建,为您的webpack捆绑服务提供服务。 这对于webpack包含文件名中包含哈希值的bundle 来说尤其有用,它会更改每个编译。 您可以让插件为您生成HTML文件,使用lodash模板提供您自己的模板或使用您自己的加载器。 官网:ht 阅读全文
posted @ 2018-09-09 08:01 Sunsin 阅读(401) 评论(0) 推荐(0) 编辑
摘要:描述:将单个文件或整个目录复制到构建目录 官网地址:https://www.npmjs.com/package/copy-webpack-plugin 阅读全文
posted @ 2018-09-09 07:34 Sunsin 阅读(1302) 评论(0) 推荐(0) 编辑
摘要:webpack-merge提供了一个merge连接数组并合并创建新对象的对象的函数。如果遇到函数,它将执行它们,通过算法运行结果,然后再次将返回的值包装在函数中。 这种行为在配置webpack时特别有用,尽管它有超出它的用途。无论何时需要合并配置对象,webpack-merge都可以派上用场. 栗子 阅读全文
posted @ 2018-09-08 17:21 Sunsin 阅读(706) 评论(0) 推荐(0) 编辑
摘要:1 'use strict' 2 // 工具=> build/util.js 3 const utils = require('./utils') 4 // 配置=> build/config/index.js 5 const config = require('../config') 6 7 const isProduction = process.env.NODE_ENV... 阅读全文
posted @ 2018-09-08 16:59 Sunsin 阅读(712) 评论(0) 推荐(0) 编辑
摘要:exports:导出功能函数或变量 module.exports:默认导出{} module.exports 初始值为一个空对象 {} exports 是指向的 module.exports 的引用 require() 返回的是 module.exports 而不是 exports 关于module 阅读全文
posted @ 2018-09-08 16:39 Sunsin 阅读(1832) 评论(0) 推荐(0) 编辑
摘要:描述:将包或包中的文本提取到单独的文件中, 点击查看官网详情: https://www.npmjs.com/package/extract-text-webpack-plugin 阅读全文
posted @ 2018-09-08 15:58 Sunsin 阅读(157) 评论(0) 推荐(0) 编辑
摘要:webpack之类的配置文件. webpack.base.conf.js 阅读全文
posted @ 2018-09-08 14:03 Sunsin 阅读(303) 评论(0) 推荐(0) 编辑
摘要:shelljs:https://www.npmjs.com/package/shelljs , 类似linux、unix、powser shell里面的命令. ShellJS是Node.js API之上的Unix shell命令的可移植(Windows / Linux / OS X)实现. 阅读全文
posted @ 2018-09-08 13:55 Sunsin 阅读(432) 评论(0) 推荐(0) 编辑
摘要:用来获取package.json关于node、npm版本信息 阅读全文
posted @ 2018-09-08 13:26 Sunsin 阅读(161) 评论(0) 推荐(0) 编辑
摘要:引入的是一个语义化版本文件的npm包,其实它就是用来控制版本的,详情见:https://www.npmjs.com/package/semver 用谷歌翻译npm文档 阅读全文
posted @ 2018-09-08 13:22 Sunsin 阅读(396) 评论(0) 推荐(0) 编辑
摘要:chalk:npm 官网 修改命令输出的文字颜色、粗细等.... 阅读全文
posted @ 2018-09-08 13:17 Sunsin 阅读(135) 评论(0) 推荐(0) 编辑
摘要:1. 导入外部包,用关键字 const :ES2015->不可变量 内部使用变量,let -> 块级声明 2.无分号结尾(我猜大概是用了es6变量,避免了es5应缺少分号出现的一些问题) 3. 使用了 => 箭头符号. 阅读全文
posted @ 2018-09-08 13:12 Sunsin 阅读(295) 评论(0) 推荐(0) 编辑
摘要:描述:check-versions.js,vue-cli中检查版本的js文件 使用: 阅读全文
posted @ 2018-09-08 13:02 Sunsin 阅读(226) 评论(0) 推荐(0) 编辑
摘要:build/build.js -> config 详细的config配置走向. 阅读全文
posted @ 2018-09-08 12:58 Sunsin 阅读(147) 评论(0) 推荐(0) 编辑
摘要:webpack:webpack官网文档详解. webpack详细的配置信息在这里,称为webPackConfig 在vue脚手架中,有三个配置文件 1. webpack.base.conf.js 此配置文件是vue开发环境的wepack相关配置文件,主要用来处理各种文件的配置 2. webpack. 阅读全文
posted @ 2018-09-08 12:40 Sunsin 阅读(165) 评论(0) 推荐(0) 编辑
摘要://path用来处理路径问题的.1 const from = path.join(_dirname, './appes6/js'); 2 3 => d:/Users/xxchi/Desktop/ES6/appes6/js 阅读全文
posted @ 2018-09-08 12:25 Sunsin 阅读(403) 评论(0) 推荐(0) 编辑
摘要:rimraf 包的作用:以包的形式包装rm -rf命令,用来删除文件和文件夹的,不管文件夹是否为空,都可删除 阅读全文
posted @ 2018-09-08 12:21 Sunsin 阅读(959) 评论(0) 推荐(0) 编辑
摘要:主要用来实现node.js命令行环境的loading效果,和显示各种状态的图标等... 阅读全文
posted @ 2018-09-08 12:18 Sunsin 阅读(883) 评论(0) 推荐(0) 编辑
摘要:最后不得不屈服与虚拟DOM和框架,太方便了... 1.首先安装node:点击进入官网. 2. 安装后检测 3. 安装yarn(至于为嘛,速度呗) yarn官网,npm转yarn. 3.1 windows安装:点击进入 3.2 npm安装: npm i -g yarn 4. 安装vue和vue-ini 阅读全文
posted @ 2018-09-08 11:52 Sunsin 阅读(230) 评论(0) 推荐(0) 编辑

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