![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
构建工具
蒲公英芽
这个世界没有原地踏步的说法,你不进步,便只有倒退。
展开
-
使用webpack搭建项目开发环境_配置解析装饰器 decorator 的 babel-loader
前言之前写过关于 webpack 的详细介绍及各个属性的含义,不明白什么意思的可以查看之前的文章https://blog.csdn.net/Charissa2017/article/details/105055945这篇文章主要是对搭建 webpack 环境做个简单的总结,顺便再介绍一下关于 babel-loader 的配置。搭建步骤:npm init -y,生成 package.json 配置文件;yarn add webpack webpack-cli webpack-dev-server原创 2020-05-24 14:33:17 · 1331 阅读 · 0 评论 -
webpack简介,使用webpack完成开发模式的项目搭建
1. 简介webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。...原创 2020-03-25 19:17:49 · 824 阅读 · 0 评论 -
webpack-stream详解 gulp中编译js文件 babel-loader string-loader
ES6及以上版本的 js 文件在一些低版本浏览器上不能执行,所以当项目开发完成后,我们需要对 js 文件进行编译,将ES6+的语法转译为 ES5。这里我们使用gulp的webpack-stream插件来对js文件进行打包。解决js转译的问题需要用到babel,我们在这里使用webpack 的 babel-loader。具体操作往下看。webpack-stream先来认识一下webpack-st...原创 2020-03-15 12:00:45 · 1941 阅读 · 0 评论 -
在gulp-server 中使用 http-proxy-middleware 配置代理跨域
简介http-proxy-middleware 用于后台将请求转发给其它服务器,也就是我们平常说的跨域请求。例如当我们在开发项目的时候,使用gulp搭建本地服务器地址为http://127.0.0.1:8008/,使用 json-server 创建模拟数据的地址为http://localhost:3000/,用我们本地项目去请求数据的时候,因为端口号不同,涉及到了跨域。(项目开发完成,线上部署的...原创 2020-03-14 17:14:28 · 2177 阅读 · 0 评论 -
使用gulp对完成的项目进行最后打包操作 gulp-rev gulp-rev-collector
前言在一个项目开发完成后,我们需要对代码进行压缩打包,并且将开发环境的代码跟生产环境中的代码区分开。除此之外,还要注意浏览器的缓存问题,如果更改了css文件或者是js文件,浏览器在打开项目的时候依然会先从本地缓存中读取这些外部引用的文件,导致更改的文件没有生效,看不到效果。为了解决这个问题,保证每次更改文件后,浏览器总是能去获取最新的文件,我们可以使用 gulp-rev 和 gulp-rev-c...原创 2020-03-14 10:45:29 · 1587 阅读 · 0 评论 -
使用 gulp-webserver 和 browser-sync 搭建本地服务器
搭建本地服务器的两种方式:gulp-webserver 或者 browser-sync 都可以实现浏览器的自动刷新。一、gulp-webservergulp-webserver 是搭建本地服务器,并开启,可以用它实现自动刷新浏览器的功能。安装使用npm安装开发环境依赖$ npm i gulp-webserver --save-dev或者使用yarn安装开发环境依赖$ yarn add...原创 2020-03-10 09:24:30 · 1886 阅读 · 1 评论 -
Gulp4和Gulp3的区别
前言如果是第一次使用Gulp,可以点击查看Gulp的安装和Gulp3介绍https://blog.csdn.net/Charissa2017/article/details/104496750举个例子,当任务二要在任务一完成后再执行,在Gulp3中,我们可以这样写:var gulp=require("gulp");gulp.task("one",function () { cons...原创 2020-02-26 15:26:18 · 1338 阅读 · 0 评论 -
Gulp3的使用_常用插件_使用Gulp搭建web服务器
什么是GulpGulp 是一个自动化工具,Gulp是基于Node.js的,Gulp4.0跟Gulp3.0版本的差别很大。前端开发者可以使用它来处理常见任务:搭建web服务器;文件保存时自动重载浏览器;使用预处理器如Sass、LESS;优化资源,比如压缩CSS、JavaScript、压缩图片;Gulp安装因为Gulp是基本Node的,安装Gulp之前,确保电脑里已经装好了Node环...原创 2020-02-25 18:39:30 · 874 阅读 · 0 评论