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

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

虽然我认为这将是该堆栈已提供的功能的补充，但我无法集成Uglify.js和stylus

还有人已经问过this，但是对我来说，至少出于标准化的考虑，将Jade模板用于服务器和公共视图都是有意义的。

我尝试过使用grunt文件和server.js，重命名了一些文件，但是到目前为止，我设法做到的是打破原始项目。

提前致谢！

编辑：刚刚找到了该项目的一个分支，该分支刚刚添加了对公共视图中的Jade模板的支持：https://github.com/tutley/mean

最佳答案

这篇文章解释了如何将手写笔预处理集成到MEAN堆栈中：http://to-s.tk/integrate-stylus-to-the-mean-stack/

精简版：


将public/css移至新的assets/stylesheets并将所有.css文件重命名为.styl
通过grunt-contrib-stylus的npm安装package.json，作为dev和运行时依赖项。


-在Gruntfile中配置手写笔编译

// ...
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，可以运行grunt stylus。

关于node.js - 了解平均堆栈并整合uglify.js和手写笔，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20317824/