2017年05月_一条宝鱼

转载【grunt整合版】30分钟学会使用grunt打包前端代码

grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于： ① 压缩文件 ② 合并文件 ③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段 1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了 http://www

2017-05-30 09:35:39 389

转载 Grunt 新手一日入门

当时学习 Grunt 的时候，真是很头疼。分了两个时间段，学习了两次才硬啃下来，之后才能用在项目中。主要原因我认为是学习资料和文档上面写的太高端了。这类的文档或者资料有个显著特点，上来先简单介绍一下这个玩意（Grunt 是一个 JavaScript 任务运行器），然后就是如何安装，直接给你配置文件的语法，如何使用插件，新手往往看完还不知所以然。就像我第一次学习的时候，只是大体知道 Gr

2017-05-29 22:40:37 292

转载 Webpack 常见静态资源处理 - 模块加载器（Loaders）+ExtractTextPlugin插件

webpack系列目录 webpack 系列一：模块系统的演进webpack 系列二：webpack 介绍&安装webpack 系列三：webpack 如何集成第三方js库webpack 系列四：webpack 多页面支持 & 公共组件单独打包webpack 系列五：webpack Loaders 模块加载器webpack 系列六：前端项目模板-webpack+gulp实现自动构

2017-05-17 21:15:45 6916

转载 webpack多页应用架构系列

webpack多页应用架构系列（一）：一步一步解决架构痛点：https://segmentfault.com/a/1190000006843916 webpack多页应用架构系列（二）：webpack配置常用部分有哪些？:https://segmentfault.com/a/1190000006863968 webpack多页应用架构系列（三）：怎么打包公共代码才能避免重复？:http

2017-05-17 21:13:33 466

转载解决node-sass偶尔安装失败的方法

最近把Node从4.4.4升级到6.9.1版本，但是在执行npm i命令安装三方依赖包的时候出现了node-sass模块安装失败的问题。现在和大家分享下如何解决这个问题的方法分析原因 Cannot download "https://hithub.com/sass/node-sass/releases/download/v3.13.0/win32-x64-

2017-05-16 17:05:59 651

转载使用cross-env解决跨平台设置NODE_ENV的问题

在搭建公司新的前端工程的架构中，需要在在package.json的scripts标签下配置一系列命令，如下所示： "scripts": { "clear": "rm -rf build&& mkdir build", "start": "npm run clear&& NODE_ENV=development webpack-dev-server --host 0.0.0.0 -

2017-05-16 17:04:46 3852

转载简单的webpack- 引入bootstrap

Bootstrap中是一种事实上的界面标准，标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrap.css，就可以一个npm install完成项目的依赖，而不必手工的添加到html内。本来以为在入口文件内加一行就行： import 'bootstrap/dist/css/bootstrap.css' 然后安装依赖： npm i bootstrap u

2017-05-16 17:02:14 14398 1

转载 webpack集成bootstrap进行多页面开发

这篇文章已经过时了，有兴趣的可以看看github上示例工程，其基本思想还是一致的： https://github.com/luqingxuan/JqueryPagesExample webpack还是很有搞头的，再搞搞gulp都不用了。。。最近以jquery、bootstrap为例，搞了个多页面，多入口开发结构，mark一下。开发人员主要集中在以上三

2017-05-16 16:49:52 5610

转载 30分钟手把手教你学webpack实战

30分钟手把手教你学webpack实战阅读目录一：什么是webpack? 他有什么优点？二：如何安装和配置三：理解webpack加载器四：理解less-loader加载器的使用五：理解babel-loader加载器的含义六：了解下webpack的几个命令七：webpack对多个模块依赖进行打包八：如何独立打包成样式文件九：如何打包成多个资源文件十：关于对图片的打包十一：React开

2017-05-16 16:39:33 418

转载入门 Webpack，看这篇就够了

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走

2017-05-16 16:17:49 512

转载 node.js&pm2搭建node生产环境

centos 6.5 x64为例， node.js下载地址https://nodejs.org/en/download/stable/ 下载截图建议采用稳定编译过的版本，source code稍麻烦，编译过的直接可用，安装超级简单，红色的是centos X64可用地址。 https://nodejs.org/dist/v5.7.1/node-v5.7.1-linu

2017-05-09 17:15:09 635

转载 Linux环境下NodeJS的安装配置

最简单的环境安装，测试helloworld。安装脚本，请仔细阅读逐行执行： #!/bin/bash #检查是否已经安装 rpm -qa | grep python #查版本 python #最好是重新安装 Python推荐版本（ >= v2.5.0 & < 3.0.0 ），否则影响nodejs运行 #进入安装目录 cd /usr/local/ #删除原有安装 rm -rf

2017-05-07 20:20:14 1171

一条宝鱼的专栏