摘要: windows下安装nvm 用nvm-noinstall.zip安装 1.nvm是个啥?nvm是一个可以让你在同一台机器上安装和切换不同版本node的工具linux系统的github地址:点我如果你是windows系统,直接下载安装就好了,附windows-nvm的github地址 点我window 阅读全文
posted @ 2018-03-26 12:57 raindi 阅读(202) 评论(0) 推荐(0)
摘要: Webpack dev server使用http-proxy解决跨域问题 文档资料 webpack关于webpack-dev-server开启proxy的官方介绍Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的,不过用在webpack-dev-server上也是一 阅读全文
posted @ 2018-03-24 11:25 raindi 阅读(5868) 评论(0) 推荐(0)
摘要: 最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器(使用过vue-cli的朋友应该都见识到过),所以迫不及待的想要尝试一下。不过,在实际操作中发现,用webpack搭建服务器仍有不少坑,一方面是由于自己对文档的不熟悉,不了解webpack-dev-server的运作模式;另一 阅读全文
posted @ 2018-03-24 10:51 raindi 阅读(431) 评论(0) 推荐(0)
摘要: //节选自https://www.cnblogs.com/penghuwan/p/6941616.html#_label0 提纲: 1.复习webpack的知识 2.详解webpack-dev-server的配置属性 3.webpack-dev-server的自动刷新和模块热替换机制 4.webpa 阅读全文
posted @ 2018-03-24 10:36 raindi 阅读(2282) 评论(0) 推荐(0)
摘要: 在webpack中打包生成的文件会覆盖之前的文件,不过生成文件的时候文件名加了hash之后会每次都生成不一样的文件,这就会很麻烦,不但会生成很多冗余的文件,还很难搞清楚到底是哪个文件,这就需要引入该插件 npm install –save-dev clean-webpack-plugin 阅读全文
posted @ 2018-03-24 09:35 raindi 阅读(1035) 评论(0) 推荐(0)
摘要: 使用npm来进行前端包管理的时候,我们会用到npm install或者cnpm install命令来安装需要用到的包资源 我们通常会使用以上两种安装命令,而两者的区别在于: 当我们需要安装一些支持类的工具的时候,例如webpack,babel-loader之类时,我们希望用 当我们安装的是一些实际在 阅读全文
posted @ 2018-03-21 11:42 raindi 阅读(195) 评论(0) 推荐(0)
摘要: extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法: 首先进入项目的根目录,然后执行以上命令进行插件的安装,插件安装完成后,接下来我们要做的就是在webpack.config.j 阅读全文
posted @ 2018-03-21 10:27 raindi 阅读(213) 评论(0) 推荐(0)
摘要: 前言 this 指向问题是入坑前端必须了解知识点,现在迎来了ES6时代,因为箭头函数的出现,所以感觉有必要对 this 问题梳理一下,遂有此文 在非箭头函数下, this 指向调用其所在函数的对象,而且是离谁近就是指向谁(此对于常规对象,原型链, getter & setter等都适用);构造函数下 阅读全文
posted @ 2018-03-20 21:26 raindi 阅读(2324) 评论(0) 推荐(0)
摘要: CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例:<h1 style="color:red;">style属性的应用</h1><p style="font-size:14px;color:green;">直接在HTML标签中设置的样 阅读全文
posted @ 2018-03-20 17:24 raindi 阅读(52613) 评论(1) 推荐(1)
摘要: 传统上我们会在html文件中引入CSS代码,借助webpack style-loader和css-loader我们可以在.js文件中引入css文件并让样式生效。 style-loader和css-loader作用是不同的。 css-loader: 加载.css文件 style-loader:使用<s 阅读全文
posted @ 2018-03-19 17:10 raindi 阅读(1575) 评论(0) 推荐(0)