css编译
⑴ webpack能够把CSS也编译到js文件里面，这样真的好吗
看情况
css文件大
这个时候是不合适的，编译后的文件太大，不利于缓存
css小，零碎
有时候我们要动态加载，而且要选择性的删除css样式，要灵活的调整css
⑵ css需要编译吗
不需要
只需浏览器支持,和html结合使用
⑶ less文件编译css，css文件为什么是空的呢
有些软件有插件可以实时编译，比如sublime。
我用的是gulp，方便前端自动化。你可以网上搜一下，用起来啊很方便。
举个例子：
java">vargulp=require('gulp');
varless=require('gulp-less');
varnotify=require('gulp-notify');
varplumber=require('gulp-plumber');
varconcat=require('gulp-concat');
varminifycss=require('gulp-minify-css');
varrename=require('gulp-rename');
varwatch=require('gulp-watch');
varuglify=require('gulp-uglify');
varautoprefixer=require('gulp-autoprefixer');
varlessPath='./src/less/*.less';
varlessMainPath='./src/less/main.less';
varlessDist='./src/css/';
varcssPath='./src/css/*.css';
varjsSrcPath='./src/js/*.js';
vardistPath='./dist/';
//编译less
gulp.task('lessCompile',function(){
gulp.src([lessMainPath])
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(less())
.pipe(gulp.dest(lessDist));
});
//监控less文件变化
gulp.task('watchLess',function(){
gulp.watch(lessPath,['lessCompile']);
});
//css合并压缩加前缀
gulp.task('handleCss',function(){
returngulp.src(cssPath)
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(concat('app.css'))
.pipe(autoprefixer({
browsers:['last5versions','Android>=4.0'],
cascade:true,
remove:false
}))
.pipe(gulp.dest(distPath))
.pipe(minifycss())
.pipe(rename('app.min.css'))
.pipe(gulp.dest(distPath));
});
//监控css文件变化
gulp.task('watchCss',function(){
gulp.watch(cssPath,['handleCss']);
});
⑷ 编译CSS用什么编译器
老鸟使用记事本，新手建议用UltraEdit、EditPlus等增强型的记事本。
⑸ webstorm怎么把less文件编译成css
在webstorm里可以直接新建style sheet 文件呀，这个不就是CSS格式文件吗。为什么要用less文件？
⑹ 如何用sublimeText3编写less并用Nodejs自动编译成css
1、安装Sublime 插件
（1）安装LESS插件：
因为Sublime不支持Less语法高亮，
所以，先安装这个插件，
方法1： ctrl+shift+p>install Package>输入less按Enter
方法2：直接下载后 解压文件 放到插件文件夹下（首选项-浏览插件 打开文件夹）
下载地址：https://github.com/danro/LESS-sublime
（2）安装LESS2CSS插件：
less2css的读音 其实就是less to css
这个插件的作用是
当保存less文件的时候自动生成同名的css文件；
当保存less文件的时候提示编译错误信息；
批量编译项目目录下的所有less文件为css文件。
安装：
方法1：ctrl+shift+p>install Package>输入less2css按Enter
方法2：直接下载：https://github.com/timdouglas/sublime-less2css
解压文件 放到插件文件夹下
但是我们还要让sublime支持less并自动编译，所以还需以下步骤：
2、安装Node.js
首先先配置一下环境，
less需要nodejs支持，
所以我们先要安装一下nodejs
到nodejs官网下载就可以了：https://nodejs.org/en/
3、安装less
运行-cmd：
输入命令行：
npm install less -g
-g 代表着全局安装less
之后在 Sublime 里面建less文件时，会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
命令行为：
npm install less-plugin-clean-css -g
接着重启一下sublime，就搞定啦！
⑺ 如何安装并编译sass为css文件
1、koala软件编译
2、sass命令：依靠环境。
自动编译命令：（编译单个文件/编译整个文件夹）
编译单个文件
sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded
编译整个文件夹
sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded
3、gulp编译
4、hbulid编译
①工具--预编译设置
②新建一个预编译配置 .scss
③输入触发命令的地址：ruby里面的sass.bat地址
④命令参数：%FileName% ../css/%FileBaseName%.css
⑻ HTML+CSS基础 新手用软件，编译器什么写代码
如果是为了练代码的熟悉程度，最好是使用没有提示的编译器，例如notepad++，editplus，这两个没有什么提示，等熟练之后，可以使用sublime，hbuilder，webstorm也是很不错的，不建议使用Dreamweaver，虽然功能很全，但是安装包太大，打开速度慢
⑼ 为什么webstorm编译sass会生成一个css.map
旧版的chrome有个support for sass，但是新版chrome没有这个功能了。
看到网上提供的方法比较多，也很乱，旧版新版的都有。而且不能指定自己所需要的路径。
所以就做了下改版。
sass和less都有提供一个map文件，这个文件是用来干嘛的呢？
.map文件是一个json格式的文件，可以直接调试less/sass源文件。
========================================================
先是less配置(sass配置基本与less一致，只是运行参数不太一样)