텍스트 비교

두 텍스트 파일의 차이점을 찾아보세요

실시간 편집

변경 없는 행 숨기기

줄바꿈 비활성화

레이아웃

비교 단위

구문 강조

Diffchecker Desktop 가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!데스크톱 앱 받기

Untitled diff

생성일 9년 전비교 결과 만료 없음

1 삭제

행
총
삭제

글자
총
삭제

이 기능을 계속 사용하려면 업그레이드해 주세요 Diffchecker Pro 요금제 보기

130 행

5 추가

행
총
추가

글자
총
추가

이 기능을 계속 사용하려면 업그레이드해 주세요 Diffchecker Pro 요금제 보기

133 행

var fs = require('fs'),

path = require('path'),

techs = {

// essential

fileProvider: require('enb/techs/file-provider'),

fileMerge: require('enb/techs/file-merge'),

// optimization

borschik: require('enb-borschik/techs/borschik'),

// css

postcss: require('enb-postcss/techs/enb-postcss'),

postcssPlugins: [

require('postcss-import')(),

require('postcss-each'),

require('postcss-for'),

require('postcss-simple-vars')(),

require('postcss-calc')(),

require('postcss-nested'),

require('rebem-css'),

require('postcss-url')({ url: 'inline' }),

require('autoprefixer')(),

require('postcss-reporter')()

// js

browserJs: require('enb-js/techs/browser-js'),

// bemtree

// bemtree: require('enb-bemxjst/techs/bemtree'),

// bemhtml

bemhtml: require('enb-bemxjst/techs/bemhtml'),

bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html')

bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html'),

htmlBeautify: require('enb-beautify/techs/enb-beautify-html')

enbBemTechs = require('enb-bem-techs'),

merged = require('./techs/merged'),

levels = [

{ path: 'node_modules/bem-core/common.blocks', check: false },

{ path: 'node_modules/bem-core/desktop.blocks', check: false },

{ path: 'node_modules/bem-components/common.blocks', check: false },

{ path: 'node_modules/bem-components/desktop.blocks', check: false },

{ path: 'node_modules/bem-components/design/common.blocks', check: false },

{ path: 'node_modules/bem-components/design/desktop.blocks', check: false },

'common.blocks',

'desktop.blocks'

];

module.exports = function(config) {

var isProd = process.env.YENV === 'production',

mergedBundleName = 'merged',

pathToMargedBundle = path.join('desktop.bundles', mergedBundleName);

fs.existsSync(pathToMargedBundle) || fs.mkdirSync(pathToMargedBundle);

merged(config, pathToMargedBundle);

config.nodes('*.bundles/*', function(nodeConfig) {

var isMergedNode = path.basename(nodeConfig.getPath()) === mergedBundleName;

isMergedNode || nodeConfig.addTechs([

[techs.fileProvider, { target: '?.bemjson.js' }],

[enbBemTechs.bemjsonToBemdecl]

]);

nodeConfig.addTechs([

// essential

[enbBemTechs.levels, { levels: levels }],

[enbBemTechs.deps],

[enbBemTechs.files],

// css

[techs.postcss, {

target: '?.css',

oneOfSourceSuffixes: ['post.css', 'css'],

plugins: techs.postcssPlugins

}],

// bemtree

// [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],

// bemhtml

[techs.bemhtml, {

sourceSuffixes: ['bemhtml', 'bemhtml.js'],

forceBaseTemplates: true,

engineOptions : { elemJsInstances : true }

}],

// html

[techs.bemjsonToHtml],

[techs.htmlBeautify],

// client bemhtml

[enbBemTechs.depsByTechToBemdecl, {

target: '?.bemhtml.bemdecl.js',

sourceTech: 'js',

destTech: 'bemhtml'

}],

[enbBemTechs.deps, {

target: '?.bemhtml.deps.js',

bemdeclFile: '?.bemhtml.bemdecl.js'

}],

[enbBemTechs.files, {

depsFile: '?.bemhtml.deps.js',

filesTarget: '?.bemhtml.files',

dirsTarget: '?.bemhtml.dirs'

}],

[techs.bemhtml, {

target: '?.browser.bemhtml.js',

filesTarget: '?.bemhtml.files',

sourceSuffixes: ['bemhtml', 'bemhtml.js'],

engineOptions : { elemJsInstances : true }

}],

// js

[techs.browserJs, { includeYM: true }],

[techs.fileMerge, {

target: '?.js',

sources: ['?.browser.js', '?.browser.bemhtml.js']

}],

// borschik

[techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],

[techs.borschik, { source: '?.css', target: '?.min.css', minify: isProd }]

]);

nodeConfig.addTargets([/* '?.bemtree.js', */ '?.min.css', '?.min.js']);

isMergedNode || nodeConfig.addTargets(['?.html']);

});

};

저장된 비교 결과

원본

파일 열기

var fs = require('fs'),
    path = require('path'),
    techs = {
        // essential
        fileProvider: require('enb/techs/file-provider'),
        fileMerge: require('enb/techs/file-merge'),

// optimization
        borschik: require('enb-borschik/techs/borschik'),

// css
        postcss: require('enb-postcss/techs/enb-postcss'),
        postcssPlugins: [
            require('postcss-import')(),
            require('postcss-each'),
            require('postcss-for'),
            require('postcss-simple-vars')(),
            require('postcss-calc')(),
            require('postcss-nested'),
            require('rebem-css'),
            require('postcss-url')({ url: 'inline' }),
            require('autoprefixer')(),
            require('postcss-reporter')()
        ],

// js
        browserJs: require('enb-js/techs/browser-js'),

// bemtree
        // bemtree: require('enb-bemxjst/techs/bemtree'),

// bemhtml
        bemhtml: require('enb-bemxjst/techs/bemhtml'),
        bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html')
    },
    enbBemTechs = require('enb-bem-techs'),
    merged = require('./techs/merged'),
    levels = [
        { path: 'node_modules/bem-core/common.blocks', check: false },
        { path: 'node_modules/bem-core/desktop.blocks', check: false },
        { path: 'node_modules/bem-components/common.blocks', check: false },
        { path: 'node_modules/bem-components/desktop.blocks', check: false },
        { path: 'node_modules/bem-components/design/common.blocks', check: false },
        { path: 'node_modules/bem-components/design/desktop.blocks', check: false },
        'common.blocks',
        'desktop.blocks'
    ];

module.exports = function(config) {
    var isProd = process.env.YENV === 'production',
        mergedBundleName = 'merged',
        pathToMargedBundle = path.join('desktop.bundles', mergedBundleName);

fs.existsSync(pathToMargedBundle) || fs.mkdirSync(pathToMargedBundle);

merged(config, pathToMargedBundle);

config.nodes('*.bundles/*', function(nodeConfig) {
        var isMergedNode = path.basename(nodeConfig.getPath()) === mergedBundleName;

isMergedNode || nodeConfig.addTechs([
            [techs.fileProvider, { target: '?.bemjson.js' }],
            [enbBemTechs.bemjsonToBemdecl]
        ]);

nodeConfig.addTechs([
            // essential
            [enbBemTechs.levels, { levels: levels }],
            [enbBemTechs.deps],
            [enbBemTechs.files],

// css
            [techs.postcss, {
                target: '?.css',
                oneOfSourceSuffixes: ['post.css', 'css'],
                plugins: techs.postcssPlugins
            }],

// bemtree
            // [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],

// bemhtml
            [techs.bemhtml, {
                sourceSuffixes: ['bemhtml', 'bemhtml.js'],
                forceBaseTemplates: true,
                engineOptions : { elemJsInstances : true }
            }],

// html
            [techs.bemjsonToHtml],

// client bemhtml
            [enbBemTechs.depsByTechToBemdecl, {
                target: '?.bemhtml.bemdecl.js',
                sourceTech: 'js',
                destTech: 'bemhtml'
            }],
            [enbBemTechs.deps, {
                target: '?.bemhtml.deps.js',
                bemdeclFile: '?.bemhtml.bemdecl.js'
            }],
            [enbBemTechs.files, {
                depsFile: '?.bemhtml.deps.js',
                filesTarget: '?.bemhtml.files',
                dirsTarget: '?.bemhtml.dirs'
            }],
            [techs.bemhtml, {
                target: '?.browser.bemhtml.js',
                filesTarget: '?.bemhtml.files',
                sourceSuffixes: ['bemhtml', 'bemhtml.js'],
                engineOptions : { elemJsInstances : true }
            }],

// js
            [techs.browserJs, { includeYM: true }],
            [techs.fileMerge, {
                target: '?.js',
                sources: ['?.browser.js', '?.browser.bemhtml.js']
            }],

// borschik
            [techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],
            [techs.borschik, { source: '?.css', target: '?.min.css', minify: isProd }]
        ]);

nodeConfig.addTargets([/* '?.bemtree.js', */ '?.min.css', '?.min.js']);
        isMergedNode || nodeConfig.addTargets(['?.html']);
    });
};

수정본

파일 열기

var fs = require('fs'),
    path = require('path'),
    techs = {
        // essential
        fileProvider: require('enb/techs/file-provider'),
        fileMerge: require('enb/techs/file-merge'),

// optimization
        borschik: require('enb-borschik/techs/borschik'),

// js
        browserJs: require('enb-js/techs/browser-js'),

// bemtree
        // bemtree: require('enb-bemxjst/techs/bemtree'),

// bemhtml
        bemhtml: require('enb-bemxjst/techs/bemhtml'),
        bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html'),
        
        htmlBeautify: require('enb-beautify/techs/enb-beautify-html')
    },
    enbBemTechs = require('enb-bem-techs'),
    merged = require('./techs/merged'),
    levels = [
        { path: 'node_modules/bem-core/common.blocks', check: false },
        { path: 'node_modules/bem-core/desktop.blocks', check: false },
        { path: 'node_modules/bem-components/common.blocks', check: false },
        { path: 'node_modules/bem-components/desktop.blocks', check: false },
        { path: 'node_modules/bem-components/design/common.blocks', check: false },
        { path: 'node_modules/bem-components/design/desktop.blocks', check: false },
        'common.blocks',
        'desktop.blocks'
    ];

fs.existsSync(pathToMargedBundle) || fs.mkdirSync(pathToMargedBundle);

merged(config, pathToMargedBundle);

config.nodes('*.bundles/*', function(nodeConfig) {
        var isMergedNode = path.basename(nodeConfig.getPath()) === mergedBundleName;

isMergedNode || nodeConfig.addTechs([
            [techs.fileProvider, { target: '?.bemjson.js' }],
            [enbBemTechs.bemjsonToBemdecl]
        ]);

nodeConfig.addTechs([
            // essential
            [enbBemTechs.levels, { levels: levels }],
            [enbBemTechs.deps],
            [enbBemTechs.files],

// css
            [techs.postcss, {
                target: '?.css',
                oneOfSourceSuffixes: ['post.css', 'css'],
                plugins: techs.postcssPlugins
            }],

// bemtree
            // [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],

// html
            [techs.bemjsonToHtml],
            [techs.htmlBeautify],

// borschik
            [techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],
            [techs.borschik, { source: '?.css', target: '?.min.css', minify: isProd }]
        ]);
        
        nodeConfig.addTargets([/* '?.bemtree.js', */ '?.min.css', '?.min.js']);
        isMergedNode || nodeConfig.addTargets(['?.html']);
    });
};