sass input.scss output.css :将sass文件输出到指定css文件
Gulp是一个在你开发web时，帮助你完成几个任务的工具。它经常用来进行一些前端任务，比如：
前言/脚手架的介绍与作用： Vue-cli脚手架官方中文文档：cli.vuejs.org/zh/guide/ 1. vue脚手架是什么？ 它是一个专门为单页面（SPA）应用快速搭建繁杂的脚手架，它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构（vue和webpack的项目模板）。 vue脚手架通常使用在大型项目中，能够加快我们的开发速度。而小型项目不推荐使用脚手架，因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架？ 因为 we
compass Compass是Sass的工具库，就好像jQuery是js的库一样。 sass有了compass的配合，就会更加事半功倍。 Sass本身只是一个编译器，Compass在它的基础上，封装了一系列有用的模块和模板，补充Sass的功能。它们之间的关系，有点像Javascript和jQuery、Ruby和Rails、python和Django的关系。（by：阮一峰http://www.ruanyifeng.com/blog/2012/11/compass.html） 官网：http://compas
直接看官方项目吧: https://github.com/jekyll/jekyll-sass-converter
Sass（Syntactically Awesome StyleSheets） 是 CSS 的一种扩展，是 CSS的 超集（通过编译生成浏览器可以处理传统 CSS）。Sass 的出现是为了解决在大型项目中传统 CSS 会遇到的重复、可维护性差等问题（添加了嵌套的规则、变量、mixins、选择器继承等特性）。让开发者可以编写简洁、富语意（expressive ）、可复用、可维护性和可延展性性佳的 CSS 代码。
直白的说：编写优秀的 css 代码可能是很痛苦的。很多程序员都不想从事 CSS 开发—我可以做任何事情，除了css以外。
由于 Parcel 打包工具的影响，webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli，用 webpack4 一步步搭建 vue 项目。
让我们开门见山：编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是算了吧。
我在互联网行业的第四份工作，是在我国一家领先的媒体新闻公司中任职一名 CSS/HTML 专家，我的主要职责就是开发可重用的、可扩展的、用于多网站的 CSS 架构。
所谓前段工程自动化就是：由于前端分裂，有人写css代码，有人写scss，有人写es5，有人写es6，那么就需要翻译工具（命令行工具）翻译成ie或其他所有浏览器能运行的代码版本。
最近读了 Why I Left Gulp and Grunt for npm Scripts。读完后，觉的这文章写的相当不错，就决定尝试下。
在HTTP/2的时代里，在你的网站里发布CSS和JS跟以前大不相同了，以下是我实践的一份建议。
第一次接触gulp，当参考各方资料翻译下来，感觉还不如自己总结一份来的流畅，所以这篇最后将自己的实践放在开始，将之前的原文与译文放在最后以供参考。
该方法不仅适用于webstorm，还适用于Jetbrains家下的能写css所有的产品。比如：Phpstorm, PyCharm等等。
由于最近公司需要做H5页面，然后嵌入到微信公众号中去，从公众号菜单点击进入H5页面进行操作，需要使用 Vue 来做。之前由于部门中没有使用 Vue 做过任何下项目，所以我花了大概一周的时间来学习研究了 Vue 的语法，搭建开发环境，打包部署等，经历了从零开始学习 vue 到较为熟练开发的过程，所以在此记录下搭建过程。
CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）
NextJs是React的服务器渲染框架，区别于官方SSRNext最大的特点是可以渲染出Ajax异步请求渲染出来的结果，本网站目前使用的前端框架就是NextJs
对于Bootstrap这个CSS框架，很多程序员持鄙视的态度，就如鄙视jQuery一般。诚然，就算不用这个框架，而是纯手写，或者借助JS框架的模板，一样可以写出一套页面，至于页面的精良程度、是否可二次开发、是否主流浏览器全兼容、是否可复用、可扩展、那就看开发者的个人能力了——如果一些人拿着公司的高额薪水或者甲方的高额酬金，却干着一锤子的买卖，代码不可复用，不可扩展，不可二次开发，浏览器不全兼容，他只是非常快速的胡七八凑了一套页面，应付到上线，然后潇洒的鄙视一下Bootstrap，我只能对这种人说俩字：呵呵。
我们在开发时一般使用框架，vue，react，es6模块化，scss等，这样的代码要想在浏览器运行必须转成浏览器识别的js，css才能运行，所以这时候就需要webpack了。 除此之外，打包工具可以压缩代码，做兼容性处理，提升代码性能等。
指令：fis3 release –w –d ./project(project自己建的文件)
在上篇中，解决了webpack4关于多页面及分离第三方库js和共用自定义库js的配置，本篇将以此为基础继续配置css引入、分离等功能。
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
随着css工程化的普及，sass在前端工程中越来越举足轻重。当然sass并不局限于管理css全局变量、mixin之类的"脏活累活"。
这篇博客用的是webpack3的版本，作为入门理解学习 非原创，只为学习记录。博客大部分内容引用来源如下：
一直以来都抱着这样的态度去做WordPress主题开发：每一次都尽量用上新接触的知识去开发WordPress（比如说开发移动主题接触移动Web 开发），我相信这才能更好地贯彻“温故而知新”。最近开发的免费博客主题Bevework 便运用了最近接触的Sass 与Compass 。 这篇文章主要是小讲Sass 与Compass 在WordPress 主题开发中的运用，核心的技术Sass 自然不会提及。因此，如果你想要这篇文章对你有用的话，最好是先接触下Sass。 style.css 在根目录的问题 熟悉Word
安装过nodeJs 、cnpm 后，全局安装vue-cli（以后其他项目可直接使用）：
接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.
在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境，用以巩固我们之前学习的Webpack知识。首先我们需要明确这次开发环境需要达到的效果：1、能够编译JSX语言 2、css样式使用Sass开发 3.能够将基础的ES6转化为ES5 4.能够使用ESLint在开发的时候为我们做代码风格审查
一、实现思路 在实践中后台管理系统的前后端分离时，往往会因为业务量的增加使其前端项目难以维护，以及打包时间不理想，还有业务系统与框架之间区分不在明显。本文是本人从另一个角度提出的一种解决方案，希望各位提出宝贵的建议。 一个通用的框架项目 此项目为框架项目，只负责提供基础方法，以及第三方依赖包的管理（因为一套系统第三方依赖包的版本应该统一的）、提供业务子系统的注册、布局的管理、导航管理等功能。 框架项目的cli，用于快速搭建业务子系统的开发平台 首先以框架项目的生产版本为基础，制作一个模板项目；然后再创建一个
现如今的JavaScript已经出了ES6,ES7甚至许多更高的版本，但是有很多浏览器是不支持这些新的语法，所以需要通过Babel 来将你的新语法编译成浏览器可以理解的旧语法。这是通过 Babel/core模块和babel/perset-env插件完成的。当然Babel还有其他的转换功能。
商业竞争时代的Web 开发，效率越来越成为其中决胜的关键因素之一。在前几年的时候，前端是一片荒芜的待开垦之地，开发者更多考虑开阔更多技术疆域；而最近几年，在前端技术这种更新迭代快到连裸奔都追不上的情况下，在强调高产的同时，效率必然是成为争夺的制高点。 引子 在苦苦构思了上面的开头后，从“效率”这个词Jeff 引出了今天话题——也就是标题说的前端项目自动化工作流。也许你还不全懂诸如“前端自动化”“工作流（workflow）”这些名词，不急且让我列举下面的场景： 在刚刚过去的时代（恩对于很多人来说是他们正在经历
近段时间本人一直在思考如何基于vue搭建一个中后端管理系统的通用基础前端解决方案。思考的主要问题点如下： 如何使各个子业务模块的按需加载 css预处理方案的选择 如何引入现代的前端工程思想，也就是工程
描述：给静态资源文件名添加hash值:unicorn.css => unicorn-d41d8cd98f.css
由于 Create React App 脚手架创建的项目过于简陋，没有集成诸如 eslint 等工具，致使每次在开发 react 项目的时候，就要颇费一番周折。针对这种不便，我搞了这个模板仓库。
本文作者：IMWeb 林鑫 原文出处：IMWeb社区 未经同意，禁止转载 本文主要展示的是gulp常用插件的使用方法和用途，通过对插件的熟练运用达到精通gulp。不定期更新。可以到gith
对于之前的案例----隔行变色，如果我们要自定义一些css样式怎么办，传统的方法是在外部定义css,在html中引入，这种方式又会引发二次请求如果css文件较多，我们就要不停引入，在学了webpack之后我们知道weback可以帮助我们打包各种资源，利用webpack打包即可解决我们的问题，但是webpack本身是不支持css,jpg等文件的，只所以能够打包各种资源是因为loader的介入 loader译为装载器，加载器。 接下来介绍几个常用的loader
自总结完了上篇前端工程化的思想，并在vue全家桶的项目加以实践，趁热给大家总结一篇如何更有效率与质量地开发vue项目，以及其中踩过的一个个坑。。。 基于vue-cli的自定义模板（Custom Templates）
什么？sass也需要调试？是的，也许我们没有关注过这些东西，但是它确实是可以单独拿出来进行调试的。
接着会问我们是否使用history router，其实直白来说就是是否路径带 # 号，建议选择 n，否则服务器还要进行配置
Gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一、名词介绍： Npm——node包管理工具 一开始我不理解，包管理工具是什么鬼。后来用到的gulp也好，gulp的插件包也好，都是要在npm这个里边弄出来的。 可以理解为，一个硬盘，里边放的各种整理好的、适用于各种功能的且不重复的文件夹（插件），然后我们需要啥，就去里边摘下来。 当然也可以用它来删除插件 rimraf删除gulp的模块插件 1、安装：npm install -g rimraf（全局安装），如果
上篇文章简单介绍了一下loader API,那么除了我们常用的css-loader,sass-loader,style-loader,url-loader,vue-loader之外，还有哪些loader呢，我们一起来梳理一下。
「由于链接无法跳转，请点击阅读原文查看详情喔，记得给bruce-cli一个Star」
安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1、去nodejs官网安装nodejs 2、打开命令行，OSX是终端，windows是命令提示符（window + r 输入cmd回车） 3、使用npm（nodejs的包管理器），或选装cnpm执行npm install cnpm -g --registry=https://registry.npm.taobao.org 4、全局安装gulp：(c)npm install gu
对于现在市场上的产品选对框架也非常重要在很多TOC产品的开发中网站需要保证自身SEO可以考虑使用React的第三方框架Next.js
这里需要 在项目目录下用npm安装两个包。node-sass和sass-loader，（也可以使用cnpm安装）
时下大热的vue框架又来了新开发环境构建工具——Vite,今天我们一起来了解一下这个新成员。
当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要(依赖)的每个模块(modules)，然后将所有这些模块打包成一个或多个 assets。
目前，vue3.0 已经进入了 beta 版本了。众多的特性已经定下来了，相信有不少朋友都已经开始阅读相关的资料或源码了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
