一、gulp 1 var gulp = require('gulp'); 2 var react = require('gulp-react'); 3 4 gulp.task('jsx', function() { 5 gulp.src('./app.jsx') 6 .pi...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-12-23 21:48:00
                            
                                146阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            安装node.js,检查是否安装可用 使用淘宝镜像 检查 全局安装gulp 检查 来到本地路径,创建工程配置文件 本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件写入依赖的组件或者插件可通过 命令找回 本地安装gulp并将依赖写入package.json 在gul            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-01-08 19:32:00
                            
                                94阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            gulp 插件之 gulp-useref  和  gulp-if            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-09-02 10:57:48
                            
                                6355阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            前言 gulp是一种比较容易上手的前端构建工具,相比于时下流行的webpack,gulp的学习成本更低,配置也简单,在很多前端框架的构建上(如bootstrap)都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-07 14:33:00
                            
                                249阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            gulp 插件之 gulp-less,gulp-sass 和 gulp-sourcemaps            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-08-22 13:09:36
                            
                                3843阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。
概念:
gulp是一个自动化构建工具,主要用来设定程序自动处理静态资源的工作。简单的说,gulp就是用来打包项目的。
 
安装:
全局安装:
npm i gulp@3.9.1 -g
gulp -v # 测试是否安装成功
全局安装表示在当前电脑中可以使用gulp环境了
局部安装
npm i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 20:05:25
                            
                                162阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境搭建好之后的项目结构(搭建环境方法可参照),利用VScode编辑器打开:这个是自动创建的初始结构,下面是各个文件的内容和作用。1.package.json这个文件是管理下载的依赖包,在项目中经常用到的是"react"库,“react-dom”(将jsx语法渲染到dom中)在项目中最重要的命令是“start”启动项目,"bulid"的作用就是将项目打包。2.public文件夹  &            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-29 20:23:35
                            
                                182阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            gulp 插件之 gulp-autoprefixer            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-08-22 22:38:45
                            
                                2014阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            react和react develop tools(chrome等插件)编译            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-17 11:44:39
                            
                                245阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            gulp3转换到gulp4非常多问题,很多写法都改了,下面是一些资料,但是我自己脚本还是            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-04 10:56:44
                            
                                98阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            项目环境:windows 10 1089版本 create-react-app:3.0.0 react:16.8.6 react-router-dom:5.0.0方案一使用 babel-plugin-dynamic-import-node原理:转换 import()为 require(),将所有异步组件都用同步的方式引入 页面路由配置文件:使用react-router推荐的loadable加载文件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-12 13:00:02
                            
                                270阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、package.json{  "private": true,  "scripts": {    "prod": "gulp --production",    "dev": "gulp            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-09 10:12:16
                            
                                121阅读
                            
                                                                             
                 
                
                                
                    