前端构建工具webpack/gulp等
文章平均质量分 59
Take_Dream
热爱前端开发
展开
-
一步一步来实现webpack+vue的多页面应用
1、现如今的前端,一提到vue、react、angular,大家第一印象就是单页应用。但是连尤雨溪都说过,他从来没说过vue仅适用于单页应用,下面我们就一步一步来实现多页应用2、全局环境配置和主要使用到的主要开发工具:node、npm、webpack、sass、vueps:这里多说一句,sass的安装依赖淘宝镜像会比较容易:(1) 首先全局环境下配置淘宝镜像(注意:是全局环境,也就是c原创 2017-05-04 11:37:10 · 2855 阅读 · 0 评论 -
解决iview 中i-table的render方法this指向window(requirejs模式下)
1、i-table通过render方法渲染的的删除按钮,调用时this指向变成window2、解决方法,用一个变量接收new Vue()的对象即可原创 2018-02-06 17:59:35 · 2602 阅读 · 0 评论 -
Angular5初探之--构建一个简单的单页应用,包含登录(login)和几个一级菜单
1、项目目录结构为:@angular/cli标准目录结构,截图如下:2、src开发文件夹已经上传至github,需要的朋友可以参考 : https://github.com/chuanzaizai/Angular5_demo3、使用@angular/cli快速构建项目,可参考官方文档:https://cli.angular.io/4、使用@angular原创 2017-12-26 15:47:58 · 4282 阅读 · 0 评论 -
vue2+iview+require实现AMD模式下的组件化开发、按需加载
1、最近项目遇到的需求:不使用webpack, 采用老设计模式AMD,实现按需加载,组件化开发2、主要技术栈: vue (https://cn.vuejs.org/v2/guide/) iview (http://v1.iviewui.com/) requirejs (http://requirejs.org/) css样式采用l原创 2017-12-21 20:21:58 · 4396 阅读 · 0 评论 -
webpack开发vue2项目中的一些坑(1、跨域 2、打包后后端访问一片空白3、加载第三方库的字体文件出错4、加载背景图出错)
1、在开发调试过程中,解决跨域的问题例:本地服务器:localhost:3030 服务器地址:192.111.1.1:4000(虚构)webpack配置:devServer: { contentBase: "./static/", host: 'localhost', port: 3030, inline: true原创 2017-09-19 17:14:52 · 4313 阅读 · 0 评论 -
grunt实现把一个文件夹的目录和js一一对应压缩
1、待压缩文件目录2、压缩后文件目录3、GruntFile.js代码module.exports=function(grunt){ grunt.initConfig({ pkg:grunt.file.readJSON('package.json'), //uglify压缩 uglify:{原创 2016-10-24 14:11:18 · 2412 阅读 · 0 评论 -
js递归的优化(尾递归)
众所周知,递归非常消耗内存,因为需要同时保存很多的调用帧,这样,就很容易发生“栈溢出”普通的一个实现阶乘的函数,一般会这么写function factorial(n){if( n === 1) return n;return n * factorial(n-1);}这样会保存n调记录,复杂程度要吐血如果可以改成写尾递归呢(只用保留一个调用记录)function fa原创 2016-10-27 15:15:41 · 8701 阅读 · 2 评论 -
解决"gulp" 或者 "grunt" 在npm运行时报错:“不是内部或者外部命令”
1、首先,电脑没有全局安装过gulp,当开始项目时,结合package.json通过 npm install 安装了react、gulp等配置项 下面是我项目的package.json文件{ "name": "reactQa", "version": "0.0.0", "description": "", "main": "index.js", "scrip原创 2016-10-31 12:30:32 · 3266 阅读 · 0 评论 -
利用gulp-connect和browserSync创建本地服务器,实时刷新页面
1、gulp-connect的方法(直接上代码)**创建完成后,直接访问localhost:8080即可//定义依赖和插件var gulp = require('gulp'), uglify = require('gulp-uglify'), concat = require('gulp-concat'), rename = require('gulp-rename'), conne原创 2017-01-10 16:42:20 · 2826 阅读 · 0 评论 -
gulp环境下安装sass
1、首先全局环境下配置淘宝镜像(**注意:这里是全局环境,不是项目根目录)执行语句:npm install -g cnpm --registry=https://registry.npm.taobao.org2、进入项目根目录,安装执行语句:cnpm install --save-dev node-sass3、仍然是项目根目录,安装 执行语句: npm i原创 2017-01-18 09:53:44 · 5522 阅读 · 0 评论 -
解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass
1、支持ES6+语法,以server/index.js为例,将require修改为ES6的import模式: 初始化: 解决方法: (1)修改package.json文件,在“dev”和“start”命令后面新增:--exec babel-node (2)项目根目录下新增babel配置文件“.babelrc”文件,写入以下配置...原创 2019-02-27 09:52:01 · 2226 阅读 · 0 评论