一、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评论
1.下载和安装create-react-app facebook 提供的基础手脚架在本地新建一个文件夹，然后启动powershell,敲yarn create react-app my-app --template typescript如果安装失败，应该就是墙的问题。这时可以考虑切换npm的源。npm config set registry https://registry.npm.taobao.
1、安装gulpC:\Users\Administrator.USER-0GUONPPBHK>cnpm install --global gulpDownloading gulp to D:\nodejs\nod...
转载
2018-06-15 17:06:00
150阅读
2评论
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
前言：简单记录一下第一次搭建react项目框架，之前只是在已搭建好的框架内去开发实现项目，没有自己动手搭建过，亲自动手实际操作，还遇到挺多问题的。参考了不少文献，帮助我解决并完成整个项目搭建的文献，都会在文章最后附上链接，感兴趣的可以都看一下。 我这里创建项目使用的是官方脚手架工具create-react-app1、先安装node，具体版本的话看自己需要，不过版本过低或过高，后续可能会出现报错情况
转载
2023-10-27 11:12:30
53阅读
本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。然后教你jenkins如何集成前端构建工具Gulp。不要怕，jenkins gulp 持续集成环境搭建其实也很简单，我会分为五步向你介绍jenkins gulp 持续集成并帮助你完成一些惊人的事情。那就直接开始吧。第一步：安装Node 首先，最基本也最重要的是，我们需要搭建n
原创
2016-12-12 14:00:16
6283阅读
目录：1. 前期准备2. Create React App3. 工具及插件 安装第三方插件 安装 bootstrap 执行 eject4. 在线 React 创建 前期准备1. 安装 Node.js。同时建议安装 nvm，nvm 用于进行 Node 版本的控制。2. 安装编辑器，比如 VSCODE。 Create React AppCreate React App 官网：
转载
2024-01-16 14:42:41
200阅读
屏蔽掉的部分是Test(文件夹的目录 也是你的项目名称);本地项目启动后 配合sass，会自动启动浏览器，然后好处多多，比如我在编辑器中修改了代码页面就自动刷新了，可以马上看到效果;偶的Ctrl+f5键不用在担心了，
原创
2022-05-05 11:53:06
168阅读
安装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阅读
点赞
前言在这之前，每开始一个新项目我都是使用现有的脚手架，这非常便于快速地启动一个新项目，而且通用的脚手架通常考虑地更加全面，也有利于项目的稳定开发；不过对于一个小项目，根据需求自己搭建可能会更好，一方面小项目不需要脚手架那么丰富的功能，另一方面可以提高对项目的掌控度以方便后期的扩展。这篇文章是在实践中总结的，具有实操性，读者可跟着一步步进行搭建，中间我会穿插一些原理，当然因为笔者的能力有限，不会特别
转载
2024-07-23 11:14:31
31阅读
前言 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阅读
gulp 插件之 gulp-autoprefixer
原创
2017-08-22 22:38:45
2014阅读
react-webpack文件夹是开发目录,在此目录下执行命令,假设你已经正确安装了 nodejs 一:参照教程搭建环境
原创
2022-05-05 11:49:26
169阅读
