用create-react-app做项目的时候,同时引入了antd,为了实现按需加载antd模块,用到他们提供的 babel-plugin-import ( 一个用于按需加载组件代码和样式的 babel 插件) 虽然项目一开始是用create-react-app创建,但是之后有 yarn run e ...
分类:
其他好文 时间:
2018-07-04 15:08:09
阅读次数:
2824
一、webpack 在这里我仅仅的是对webpack做个讲解,webpack这个工具非常强大,解决了我们前端很繁琐的一些工具流程繁琐的事情。如果感兴趣的同学,建议还是看官网吧。 中文链接地址:https://www.webpackjs.com/ 为什么要使用webpack? 现今的很多网页其实可以看 ...
分类:
Web程序 时间:
2018-07-04 10:37:17
阅读次数:
256
[color=#00b050]学 vue 的看过来,vue-cli 挺好用的,但是遇到具体情况还得做一部分调整和配置默认你已经成功启动 vue-cli 1.使用 scsscnpm i node-sass sass-loader -Dwebpack.base.config.js 里面加{test: / ...
分类:
其他好文 时间:
2018-07-02 00:09:20
阅读次数:
235
vue的单页面(SPA)项目,必然涉及路由按需的问题。以前我们是这么做的 但现在无Vue-router的官网看看,推荐这种方式: 可是,很多情况下,我们这么写npm控制台直接报错,这是为什么呢? 原来是import这儿报错了,这就需要babel的插件了,vue-router官网上有一段提示:如果您使 ...
分类:
其他好文 时间:
2018-06-30 22:22:41
阅读次数:
238
来来来代码先上js/main.jsimport*asaliasPersonfrom"./person.js";importdefaultPersonfrom"./person.js";console.log("aliaspersonisbelow...");console.log(aliasPerson);console.log(aliasPerson.prototype);console.log
分类:
Web程序 时间:
2018-06-29 10:54:58
阅读次数:
245
匹配符 *、**、!、{} 文件操作 del (替代gulp-clean) gulp-rename 描述:重命名文件 gulp-concat 描述:合并文件。 gulp-filter 描述:在虚拟文件流中过滤文件。 压缩 gulp-uglify 描述:压缩js文件大小。 gulp-csso 描述:压 ...
分类:
其他好文 时间:
2018-06-28 10:16:26
阅读次数:
175
为什么需要单文件组件 在之前的实例中,我们都是通过 Vue.component 或者 components 属性的方式来定义组件,这种方式在很多中小规模的项目中还好,但在复杂的项目中,下面这些缺点就非常明显了: 字符串模板:缺乏高亮,书写麻烦,特别是 HTML 多行的时候,虽然可以将模板写在 htm ...
分类:
Web程序 时间:
2018-06-25 11:12:29
阅读次数:
203
比如想编译es6的箭头函数,需要使用babel-plugin-transform-es2015-arrow-functions这个插件 此外babel提供了 prests(预设) 相当于是插件的集合 比如想要编译es2015 babel-preset-es2015 还有 babel-preset-r ...
分类:
其他好文 时间:
2018-06-24 14:06:44
阅读次数:
169
当我们使用MobX的时候,首先要声明一个store, 用来保存状态,它的最基本的语法 如下: 其中 @observable 是装饰器写法, title= '' 是实例属性的新的写法,这两个语法,都是es7 中的提案,但都没有被采纳, 之所以被使用,是因为有babel 时进行转译。 首先看一下类的实例 ...
分类:
其他好文 时间:
2018-06-24 00:47:10
阅读次数:
410
引用于https://www.jianshu.com/p/7ae252f27f09 感觉是突然之间,webpack4的消息就满天飞了,听说打包速度提高了很多,还有最大的噱头是实现了零配置,leader有一天就吩咐我说,有时间把我们的项目也升个级呗。好嘞。 1.x到2.x 这次升级跨度比较大,我们是从 ...
分类:
Web程序 时间:
2018-06-23 22:47:12
阅读次数:
257