了解平均堆栈和整合uglify.js和手写笔

我刚刚开始使用MEAN栈（ https://github.com/linnovate/mean ），所以我很确定我的问题对于专家来说是非常基本的，所以我提前致歉！

虽然我认为这将是这个堆栈已经提供的gread除了，我不能设法整合Uglify.js和铁笔

也有人问过这个问题 ，但是对于服务器和公共视图来说，使用Jade模板是有意义的，至less在标准化方面是这样的。

我已经tryed玩grunt文件和server.js，重命名一些文件，但我设法实现迄今为止，打破原来的项目…

提前致谢！

编辑：刚刚find了这个项目的一个分支，只是增加了公共意见玉模板的支持： https ： //github.com/tutley/mean

Answer 1

本文解释了如何将Stylus预处理集成到MEAN堆栈中： http : //to-s.tk/integrate-stylus-to-the-mean-stack/

简洁版本：

• 将public/css移动到新的assets/stylesheets ，并将所有.css文件重命名为.styl

• 安装grunt-contrib-stylus通过npm的package.json ，作为开发和运行时依赖。

– 在Gruntfile中configuration手写笔编辑

 // ... grunt.initConfig({ // ... watch: { // ... stylus: { files: ['assets/stylesheets/**/*.styl'], tasks: ['stylus'] }, // ... }, // ... stylus: { compile: { options: { paths: ['assets/stylesheets/**'] }, files: [{ dest: 'public/css/', cwd: 'assets/stylesheets/', src: '*.styl', ext: '.css', expand: true }] } }, // ... }); //... //Load NPM tasks // ... grunt.loadNpmTasks('grunt-contrib-stylus'); // ... 

• 使用@require语句在common.styl导入查看手写笔文件（或任何substylus）

• 去除对head.jade视图或其他substylesheets的head.jade 。

然后，只要grunt正在运行，所有的assets/stylesheets/*.styl文件应该被自动编译成public/css/*.css grunt 。 要不依靠watch来触发编译，可以运行grunt stylus 。