magix-combine/plugins/css-read.js

合并Magix View的html,js,css成一个js文件，并检测html,js,css中可能存在的问题

/*
    读取样式文件内容，如果是sass,less等则进行编译后返回
 */
let fs = require('fs');
let path = require('path');

let less = require('less');
let chalk = require('chalk');
const fse = require('fs-extra');

let utils = require('./util');
let slog = require('./util-log');
let configs = require('./util-config');
let fd = require('./util-fd');
let jsMx = require('./js-mx');
let sourceMap = require('./css-sourcemap');
let cssAutoprefixer = require('./css-autoprefixer');
const cssCacher = require('./css-cacher');

let compileContent = (file, content, ext, resolve, reject, shortFile) => {
    let cfg = {
        file,
        ext,
        content,
        shortFile
    };
    let before = configs.compileCSSStart(content, cfg);
    if (utils.isString(before)) {
        cfg.content = before;
        before = Promise.resolve(cfg);
    } else if (!before || !before.then) {
        before = Promise.resolve(cfg);
    }
    before.then(e => {
        if (e.ext == '.less') {
            let cssCompileConfigs = {};
            utils.cloneAssign(cssCompileConfigs, configs.less);
            cssCompileConfigs.paths = [path.dirname(e.file)];
            if (configs.debug) {
                cssCompileConfigs.filename = e.file;
                if (configs.sourceMapCss) {
                    cssCompileConfigs.dumpLineNumbers = 'comments';
                    cssCompileConfigs.sourceMap = {
                        outputSourceFiles: true
                    };
                }
            }
            less.render(e.content, cssCompileConfigs, (err, result) => {
                if (err) {
                    slog.ever(chalk.red('[MXC Error(css-read)]'), 'compile less error:', chalk.red(err + ''), 'at', chalk.grey(e.shortFile));
                    return reject(err);
                }
                let map = sourceMap(configs.debug && configs.sourceMapCss ? result.map : '', e.file);
                resolve({
                    exists: true,
                    file: e.file,
                    map,
                    content: result.css
                });
            });
        } else if (e.ext == '.css') {
            resolve({
                exists: true,
                file: e.file,
                content: e.content
            });
        } else if (e.ext == '.mx' || e.ext == '.mmx') {
            let content = fd.read(e.file);
            let info = jsMx.process(content, e.file);
            compileContent(e.file, info.style, info.styleType, resolve, reject, e.shortFile);
        }
    });
};
//css 文件读取模块，我们支持.css .less .scss文件，所以该模块负责根据文件扩展名编译读取文件内容，供后续的使用
module.exports = (file, e, source, ext, refInnerStyle) => {
    return new Promise((done, reject) => {
        let info = e.contentInfo;
        let shortFile = file.replace(configs.moduleIdRemovedPath, '').substring(1);
        let resolve = info => {
            if (info.exists) {
                let inner = configs.autoprefixer ? cssAutoprefixer(info.content) : Promise.resolve(info.content);
                inner.then(css => {
                    let r = configs.compileCSSEnd(css, info);
                    if (utils.isString(r)) {
                        return Promise.resolve(r);
                    }
                    if (r && r.then) {
                        return r;
                    }
                    return Promise.resolve(css);
                }).then(css => {
                    info.content = css;
                    cssCacher.set(info.file, info);
                    done(info);
                }).catch(reject);
            } else {
                done(info);
            }
        };
        if (refInnerStyle) {
            let type = info.styleType;
            if (ext != '.mx' && ext != '.mmx') {
                if (type && type != ext) {
                    slog.ever(chalk.red('[MXC Error(css-read)] conflicting style language'), 'at', chalk.magenta(shortFile), 'near', chalk.magenta(source + ' and ' + info.styleTag));
                }
            }
            compileContent(file, info.style, ext, resolve, reject, shortFile);
        } else {
            const unstable_cssRead = () => {
                let fileContent = null;
                try {
                    fileContent = fse.readFileSync(file, 'utf8');
                } catch (error) {
                    return resolve({
                        exist: false,
                        file,
                        content: ''
                    });
                }
                const cache = cssCacher.get(file);
                if (cache) {
                    done(cache);
                } else {
                    compileContent(file, fileContent, ext, resolve, reject, shortFile);
                }
            }
            const cssRead = () => {
                fs.access(file, (fs.constants ? fs.constants.R_OK : fs.R_OK), err => {
                    if (err) {
                        resolve({
                            exists: false,
                            file: file,
                            content: ''
                        });
                    } else {
                        let fileContent = fd.read(file);
                        compileContent(file, fileContent, ext, resolve, reject, shortFile);
                    }
                });
            }
            configs.unstable_performanceOptimization
                ? unstable_cssRead()
                : cssRead()
        }
    });
};