笔记： 1、 2、所有的gulp任务都带一个回调函数。这个回调函数的调用，说明该任务结束了。 3、gulp如何传参？ 使用示例：gulp build --env prod webpack默认只能加载（import）js文件加载器（loader）的作用就是把其它类型的文件转换成Js代码文件引入到程序中
转载
2016-07-28 10:49:00
96阅读
2评论
Scss-Loader 自动将 scss 转换为 CSS。 使用 Scss-Loader 安装 Scss npm install --save-dev node-sass 安装 Sess-loader npm install --save-dev sass-loader 配置 Sess-Loader
原创
2020-12-22 00:34:00
655阅读
You can easily spend hours configuring the perfect dev environment with all the latest hotness like ES6 (and beyond) support, hot reloading, and a myr...
转载
2015-09-06 03:13:00
114阅读
2评论
快速搭建react-webpack
原创
2017-03-13 16:20:12
1161阅读
node是运行引擎，通过他可以直接在后端运行js语法 webpack是打包工具 react是前端框架 通过 npm 使用 React 我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。 国内使用 npm 速度很慢，
转载
2017-09-22 02:22:00
64阅读
2评论
本教程操作环境：windows10系统、react16.14.0版，该方法适用于所有品牌电脑。React 中使用sass安装依赖sass-loader和node-sassnpm install node-sass@4.14.1 sass-loader若安装5以上版本会报错Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.解决：先卸
转载
2021-01-06 16:01:18
3038阅读
react如何配置less(sass与less配置的方法基本一致，如果还是不会的朋友可以私信我)接下来笔者会一步一步的跟朋友们一起去做配置生成react项目，create-react-app <你的项目名>可以将src目录中的文件删的只剩index.js index.js内容需要删减import React from 'react';import ReactDOM from '
原创
2022-02-28 10:24:08
1060阅读
react如何配置less(sass与less配置的方法基本一致，如果还是不会的朋友可以私信我)接下来笔者会一步一步的跟朋友们一起去做配置生成react项目，create-react-app <你的项目名>可以将src目录中的文件删的只剩index.jsindex.js内容需要删减import React from 'react';import ReactDO...
原创
2021-06-18 16:46:09
271阅读
【less和sass的区别，你了解多少？】目录标题一、Less、Sass/Scss是什么?二、less和sass的相同之处三、less和sass的区别在介绍less和sass的区别之前，我们先来了解一下他们的定义：一、Less、Sass/Scss是什么?1、Less：是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量、继承、运算、函数。Less 既可以在客户端上运行 (支持IE 6+, W
作者：火狼11.Vue和React源码区别1.1 Vue源码1.1.1 挂载初始化$mounted会挂载组件,不存在 render 函数时需要编译(compile);1.1.2 compile1.compile 分为 parse，optimize 和 generate，最终得到 render 函数；2.parse 调用 parseHtml 方法，方法核心是利用正则解析 template 的指令，c
If you try to use CSS Modules in TypeScript the same way you would use them in JavaScript, with webpack’s css-loader, you’ll see an error: ”TS2307: Ca
转载
2018-01-26 20:13:00
154阅读
2评论
webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require('path');module.exports={entry:'./src/index.js',d
原创
2018-04-06 13:44:24
1122阅读
安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
转载
2018-12-22 13:16:00
89阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
551阅读
2评论
sass难言之隐-sass安装的坑之前花了很多时间折腾node-sass，发现sass老是安装不上从sass刚刚开始出来开始，就遇到ruby安装sass失败问题。换淘宝gem库gem sources --remove https://rubygems.org/gem sources -a https://ruby.taobao.org/gem install sass后面又死node-sass 安
原创
2019-06-22 16:32:00
2832阅读
目录前言导语解决思路总结前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾一个index.scss文件 ...
原创
2023-12-08 08:03:36
59阅读
Sass 是 CSS 的改进版本，您现在就可以在 React 项目中使用它。
原创
2024-06-24 00:53:24
59阅读
1,安装sass的依赖包cnpm install --save-dev sass-loader 和 cnpm install --save-dev node-sass、2，在build文件夹下的webpack.base.conf.js的rules里面添加配置 {test:/\.sass$/, loaders: ['style','css','sass']}3，在vue 文件中引入sass文件： 然后就可以初步使用sass来写样式了以上步骤中存在一个隐患，那就是...
转载
2022-03-08 09:39:24
139阅读
使用 antd安装yarn add antd复制代码配置仍然需要使用babel-plugin-import，不过在v4版本的介绍文档中没有该部分说明了，需要到v3版本找 —— antd@v3 - 高级配置yarn add babel-plugin-import -D复制代码只安装babel-plugin-import是不够的，还需要安装less和less-loaderyarn add less l
转载
2021-01-19 22:02:34
364阅读
2评论
安装 TSyarn add typescript -D复制代码安装@types的类型声明包。当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能，声明文件是以index.d.ts的一个文件，一般放在项目的根目录中，或者可以通过package.json中的typings/types属性来指定项目中声明文件的位置。获取一个库类型声明文件有两种方式：一种是该库包含了自己的声
转载
2021-01-19 22:03:00
414阅读
2评论
