理解平均堆栈并集成uglify.js和手写笔

Question

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

虽然我认为这将是这个堆栈已经提供的内容的一个重要补充，但我无法集成 Uglify.js 和手写笔

也有人问this，但是对我来说，使用 Jade 模板进行服务器和公共视图都是有意义的，至少在标准化方面是这样。< /击>

我尝试过使用grunt文件和server.js，重命名一些文件，但到目前为止我所能实现的只是打破了原来的项目......

提前致谢！

编辑：刚刚找到了这个项目的一个分支，它刚刚添加了对公共视图的jade模板的支持：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的{​​{1}}，作为开发和运行时依赖。

- 在Gruntfile中配置手写笔编译

package.json

• 使用// ... 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'); // ... 语句在common.styl导入视图手写笔文件（或任何子文件）

• 删除对@require中的观看次数或其他substylesheets的引用。

只要head.jade正在运行，所有assets/stylesheets/*.styl个文件都应自动编译为public/css/*.css。要在不依赖grunt的情况下触发编译，您可以运行watch。