前端自动化构建工具
赛懵疑
前端小白
展开
-
grunt sass失败
错误1:显示sass/copy not found(任务没有载入) 出现这个错误是因为没有在项目中安装"load-grunt-tasks"错误2:grunt-sass失败但是grunt-copy可以成功,是因为没有安装grunt-sass3,安装grunt-sass ,最后可成功 成功运行grunt sass任务...原创 2018-06-22 11:38:10 · 213 阅读 · 0 评论 -
前端自动化构建工具
为什么要使用前端构建工具? 自动化!!!! 对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。 当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。 Gruntgrunt需要package.js...原创 2018-07-19 11:10:31 · 1587 阅读 · 0 评论 -
Gulpfile.js任务分析
//引入gulpconst gulp = require('gulp'); //自动加载配置文件中的已安装插件,不需要一个一个require(package.json中声明的依赖)const gulpLoadPlugins = require('gulp-load-plugins'); //浏览器同步,快速响应文件更改并自动刷新页面const browserSync = requ...转载 2018-08-09 17:50:13 · 376 阅读 · 0 评论 -
基于webpack构建一个React应用
1,创建一个空白文件 React-music-player2,使用npm init 创建一个package.json文件,并安装相关依赖"dependencies": { "autoprefixer": "^9.0.2", "pubsub-js": "^1.6.0", "react": "^16.4.1", "reac原创 2018-08-01 12:34:58 · 360 阅读 · 0 评论 -
webpack.config.js的loaders和配置
1,loaders1, babel-loader:npm install --save-dev babel-loader@7.1.5 babel-core babel-preset-env{ test: /\.js$/, exclude: path.resolve(__dirname,"./node_modules"), include:path....原创 2018-10-15 16:16:16 · 1530 阅读 · 0 评论 -
Mock服务
1,定义:mock是在测试过程中,对于一些不容易构造/获取的对象,创建一个mock对象来模拟对象的行为2:使用:当单元测试/接口测试中测试对象依赖其他对象,这些对象的构造复杂、耗时或者根本无法构造(未交付),而我们只测试对象内部逻辑的质量,不关心依赖对象的逻辑正确性和稳定性时,我们使用mock3,原则: 不需要对所有的依赖对象/服务进行mock,只对那些构造步骤复杂、构造耗时较长、不...转载 2019-01-05 12:26:54 · 4579 阅读 · 0 评论 -
关于构建项目的理解
1,什么是构建项目? 前端项目中,项目的构建可以理解为编译,是要将源代码转化成宿主浏览器可以执行的代码,核心是对资源的管理,产出包括JS,CSS,HTML等资源。 项目构建过程一般在脚手架创建初始项目文件之后,程序员编写完主要功能,需要进一步对项目文件进行处理。2,构建需要解决的问题 a,面向语言 ECMASc...转载 2019-01-06 17:45:47 · 5286 阅读 · 0 评论