什么是pon-task-css
pon-task-css是一个npm包，它是一个基于Gulp任务的插件，通过将CSS代码注入到HTML文件中，可以使CSS代码自动化方式运行。pon-task-css的使用方法类似于Gulp任务中的其他插件，需要通过npm安装到项目中才能使用。
安装npm包pon-task-css
首先，需要在工作目录下安装npm包pon-task-css，可以使用以下命令来安装：
npm install pon-task-css
使用npm包pon-task-css
在开始使用npm包pon-task-css之前，需要做好必要的准备工作。
在项目的根目录下新建一个gulpfile.js文件。
var pon = require('pon') var ponTasks = pon({ 'task:css': require('pon-task-css') }) module.exports = ponTasks再次在根目录下新建一个html文件。例如，index.html
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------------- ------- ------ -------- ---------- ----------- --------- ------- -------在文件夹中创建一个名为app.css的文件，并在其中添加以下代码：
-- -------------------- ---- ------- ---- - ------------ ------ ----------- ----------------- -------- - ------ - ----------------- ----- ------ ----- -------- ----- - -- - ------- -- -
在gulpfile.js文件中使用pon方法调用插件，从而运行相关任务：
var ponTasks = require('./index') ponTasks.run('css', { entryGlob: 'index.html' })执行任务。
gulp css
使用pon-task-css后，HTML代码块将在预设路径中嵌入编译后的CSS，等同于将<link>标签手动添加到HTML文件中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaedeb5cbfe1ea0610f03