一、文件复制
将src目录下的style.css文件复制一份,到dist目录下。
二、文件压缩
文件压缩就是把我们书写的代码中的空格和注释进行删除,这样我们体积会变小,当我们上线到服务器时,给服务器造成的压力就会减小,从而提升传输速度效率。
三、案例:将src目录下的style.css文件复制一份,到dist目录下,并且将复制后的文件压缩和更名为style.min.css。
// 导入fs模块
const fs = require('fs')
// 导入path模块
const path = require('path')
//把 src/style.css 复制到dist/目录下
const dist = path.join(__dirname,'dist')
//读取文件内容
fs.readFile('./src/style.css',(err,data) => {
//如果读取的路径不对,或者文件不存在,将抛出异常
if (err)
{
throw err
}else
//如果读取成功,就将数据以我们的正常字符串的形式展示出来
{
console.log(data.toString());
}
//确保dist目录存在
//判断如果不存在dist目录,我们就创建一个dist目录
if (!fs.existsSync(dist))
{
fs.mkdirSync(dist)
}
//对文件进行压缩:将无用的注释或空格去掉
// css的注释样子: /* 注释的内容 */
//使用replace()方法将需要替换的内容选中,替换成空字符串
//使用正则表达式:匹配空白和/**/ 空白是\s, /*符号需要使用\进行转移,g表示全局
var mydata = data.toString().replace(/\s+/g,'').replace(/\/\*{1,2}[\s\S]*\*\//g,'')
//将读取到的内容写入到目标文件,并改名为style.min.css
fs.writeFile(dist+'/style.min.css',mydata,(err) => {
if (err)
{
throw err
}else
{
console.log('写入成功');
}
})
})
目录结构