构建koa2+sass开发环境

koa2是"下一代Node.js的Web开发框架",与Express相比,更加简洁、健壮。

sass是比较传统的css拓展语言,本文说一下如何构建koa2 + sass的开发环境

1、基础准备

  • 安装ruby / gem >= 2.4.2
  • 安装node.js + npm >= 8.0

2、安装sass

gem install sass --no-user-install

3、安装koa脚手架

npm install -g koa-generator

4、初始化koa项目

koa2 .

默认会集成好static, koa-router, log

5、集成sass自动编译

创建sass

mkdir sass

集成sass

# package.json 修改scripts中的dev

"dev": "./node_modules/.bin/nodemon bin/www & sass --watch sass:public/stylesheets",

上面的意思是,在启动nodemon监控文件变更的同时,也要监控sass目录下的文件,如果有变动,自动放到public/stylesheets下。

6、测试

npm run dev

 

 

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *