在前端这块,涉及的有nodejs、webpack、Git、babel等等等等,好吧,当时我也是一脸懵逼,不过现在就好了那么一点了,那咱就直接上手吧 1、安装nodejs,至于为什么安装nodejs,前面也说了,只是为了使用里面自带的npm包管理工具而已,现在这个时候深入nodejs无异于找死(每次用 ...
分类:
其他好文 时间:
2018-02-05 10:42:11
阅读次数:
299
手动添加的配置,2个项目OK,还个项目 运行报错 3个项目eslint的配置包都是相同版本,最后这个报错的解决方案是将 "babel-eslint": "^8.2.1", 改为 "babel-eslint": "8.0.1", 重新install后能正常跑起来了. ...
分类:
其他好文 时间:
2018-02-04 11:20:36
阅读次数:
2668
{ "presets": [ ["env", { // webapck2/3必须配置,放弃使用babel的模块化,使用webpack的模块化,webpack1不需要此配置 "modules": false, // 需要支持的环境,可选入: chrome, edge, 也可以node:6.5 ,nod... ...
分类:
其他好文 时间:
2018-02-03 16:14:48
阅读次数:
1530
造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能 首先通过npm来安装: 接下来就是根据场景来引入 目前本喵遇到的出现这种错误的场景有两种: 1.在使用vue-cli搭建的unit测试时(npm ...
分类:
其他好文 时间:
2018-02-02 17:12:44
阅读次数:
510
网上有很多关于如何设置babel的。我学习着设置,但总差那么几步,没能满足我的需求。 我使用的是webStorm2017.1版本。 babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前,需要安装一些babel库 全局安装babel-cli npm instal ...
分类:
Web程序 时间:
2018-02-02 17:03:54
阅读次数:
191
一.缩小文件的搜索范围优化Loader配置使用配置项include与exclude尽可能高概率命中文件,减少webpack匹配文件的时间。我们可以适当的配置项目的结构目录。module.exports={module:{rules:[{test:/\.js?$/,include:path.resolve(__dirname,‘app‘),use:{loader:‘babel-loader?cach
分类:
Web程序 时间:
2018-02-01 17:14:23
阅读次数:
261
ref属性也可以是一个回调函数而不是一个名字。 这个函数将要在组件被挂载之后立即执行。 这个参照的组件将会作为该函数的参数,这个函数可以立即使用这个组件参数,当然也可以将其保存供以后使用。 当这个参照组件被卸载并且这个ref改变的时候,先前的ref的参数值将为null。这将有效的防止了内存的泄露。 ...
分类:
其他好文 时间:
2018-01-31 14:52:40
阅读次数:
283
jsx 不能直接运行,是被 babel-loader 中的 react 这个 preset 翻译的 需要注意: 1.必须被一个单独的大标签包裹,比如:div 或者 section 2.标签必须封闭 3.class 要写成 className, for 要写成 htmlFor 4.HTML 注释不能使 ...
分类:
Web程序 时间:
2018-01-31 00:59:13
阅读次数:
1059