gulphtml模板插件，gmodlfs插件

用gulp让less实时转生成的css怎样引入html文件不生效

css的引用路径是否准确（浏览器打开HTML文件，然后右键查看源码，点下引入的css，看看能不能打开），能则下一步。less编译的css存放路径是否准确。生成之后，看下前后两次生成的css文件是否有变化。

在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。

没有转化。如果有css文件夹，less转化时css文件的位置默认在css目录下，没有的话跟less文件同一目录，最后，在HTML代码里导入less转换得css文件。

相关问答

Q1: 前端构建大法Gulp系列(一):为什么需要前端构建_html/css_WEB-ITnose...

gulp.task(css， function () { return gulp.src(initial/*.css) .pipe(postcss([shortColor])) .pipe(gulp.dest(final))； })；我首先创建一个名为CSS的任务。当你要运行相应的功能时可以用到这个名字。

一类是任务管理工具（task runner）。通过声明和组合构建任务来进行整个网站的构建， 有自己的一套任务声明语法和任务实现接口。例如Grunt和Gulp，这两个都是插件式的架构。

HTML 中的 class 为了确保易读性，在 HTML 标记中用两个空格隔开 class 名，例如：增加的空格应当可以使得在使用多个 class 时更易阅读与定位。 JavaScript 钩子 千万不要把 CSS 样式用作 JavaScript 钩子。

大大大，扩展知识面 其实到了这个阶段，多少也算是个有经验的攻城师了。开发一般需求不在话下，偶尔还能承担个架构设计。在提升JS能力的同时，开始要往多方面发展。前端工程师远远不仅是JS而已。

但作为一个前端开发者，肯定更希望自己给自己的博客布局和创建样式。 回到项目根目录，新建文件夹 _layouts，顾名思义，“布局”是也。

现在执行 build：css 任务将得到一个类似 dist/main.3ecfca1css 这样的文件。 Watch 这也是 Grunt/Gulp 备受欢迎的原因之一，很多构建工具都支持监视文件系统的变化然后执行相应的构建或刷新任务，这在开发过程中非常实用。

Q2: gulp怎么替换html中的资源路径.并把html输出到指定目录

1、然后再通过gulp-rev-collector把要替换资源的html和这个json作为参数传入，然后就可以达到目的完成资源替换了。

2、在gulp.src目录下定义要处理的css、html和js文件：在gulp.task中注入多个需要处理的html文件就可以。

3、因为要做到新旧文件链接[href、src]一一对应并替换），只用gulp-rev应该只会改文件名，但不会更改HTML里的href、src值。 去npm搜 rev-colletor 找找看看有没有适合的。我一般用gulp-rev-collector。

4、您可以在gulp.src()内部指定要处理的文件。使用*的CSS将处理“intial”文件夹内所有的CSS文件。 接下来，我们使用pipe()函数来调用我们的所有插件。要做到这一点，我们需要将所有的插件作为参数传递给postcss()函数。

5、首先，我们需要有基本的构建工具，无论你是使用gulp、grunt，还是只使用npm，这都不重要。

Q3: 如何结合Gulp使用PostCss_html/css_WEB-ITnose

1、gulp.task(css， function () { return gulp.src(initial/*.css) .pipe(postcss([shortColor])) .pipe(gulp.dest(final))； })；我首先创建一个名为CSS的任务。当你要运行相应的功能时可以用到这个名字。

2、可以在 gulpfile.js修改命名规则。 var core = new Core([ Core.scope({ generateScopedName： genericNames([name]-[local])， })])； 这个方案是不错的方案，很多时候我们的基本骨架还是html。

3、现在执行 build：css 任务将得到一个类似 dist/main.3ecfca1css 这样的文件。 Watch 这也是 Grunt/Gulp 备受欢迎的原因之一，很多构建工具都支持监视文件系统的变化然后执行相应的构建或刷新任务，这在开发过程中非常实用。

4、在gulp.src目录下定义要处理的css、html和js文件：在gulp.task中注入多个需要处理的html文件就可以。

5、我的建议是先学会Sass，后面如果你有时间的话可以再研究PostCSS.CSS框架 你不需要再学习CSS框架，当然如果你想学习的话，也有很多选择。我喜欢的CSS框架是Bootstrap、Materialize和Bulma。

gulphtml模板插件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于gmodlfs插件、gulphtml模板插件的信息别忘了在本站进行查找喔。