/** * @file fis-conf.js 配置 */ const path = require('path'); const package = require('./package.json'); const parserMarkdown = require('./build/md-parser'); fis.get('project.ignore').push( 'public/**', 'gh-pages/**', '.*/**' ); // 配置只编译哪些文件。 fis.set('project.files', [ 'scss/**.scss', '/examples/*.html', '/examples/*.tpl', '/src/**.html', 'mock/**' ]); fis.match('/mock/**', { useCompile: false }); fis.match('mod.js', { useCompile: false }); fis.match('*.scss', { parser: fis.plugin('node-sass', { sourceMap: true }), rExt: '.css' }); fis.match('/src/icons/**.svg', { rExt: '.js', isJsXLike: true, isJsLike: true, isMod: true, parser: [ fis.plugin('svgr', { svgProps: { className: "icon" }, prettier: false, dimensions: false }), fis.plugin('typescript', { importHelpers: true, esModuleInterop: true, experimentalDecorators: true, sourceMap: false }) ] }) fis.match('_*.scss', { release: false }); fis.match('/node_modules/**.js', { isMod: true }); fis.match('/docs/**.md', { rExt: 'js', parser: [parserMarkdown, function(contents, file) { return contents.replace(/\bhref=\\('|")(.+?)\\\1/g, function(_, quota, link) { if (/\.md($|#)/.test(link) && !/^https?\:/.test(link)) { let parts = link.split('#'); parts[0] = parts[0].replace('.md', ''); if (parts[0][0] !== '/') { parts[0] = path.resolve(path.dirname(file.subpath), parts[0]); } return 'href=\\' + quota + parts.join('#') + '\\' + quota; } return _; }); }], isMod: true }); fis.on('compile:parser', function (file) { if (file.subpath === '/src/index.tsx') { file.setContent(file.getContent().replace('@version', package.version)); } }); fis.match('{*.ts,*.jsx,*.tsx,/src/**.js,/src/**.ts}', { parser: [fis.plugin('typescript', { importHelpers: true, esModuleInterop: true, experimentalDecorators: true, sourceMap: true }), function (content) { return content.replace(/\b[a-zA-Z_0-9$]+\.__uri\s*\(/g, '__uri(') }], preprocessor: fis.plugin('js-require-css'), isMod: true, rExt: '.js' }); fis.match('*.html:jsx', { parser: fis.plugin('typescript'), rExt: '.js', isMod: false }); fis.match('monaco-editor/**.js', { isMod: false, standard: null }); fis.match('/node_modules/monaco-editor/min/(**)', { standard: false, isMod: false, packTo: null, optimizer: false, postprocessor: function (content, file) { if (!file.isJsLike || /worker/.test(file.basename)) { return content; } content = content.replace(/\bself\.require\b/g, 'require || self.require'); return '(function(define, require) {\n' + content + '\n})(this.monacaAmd && this.monacaAmd.define || this.define, this.monacaAmd && this.monacaAmd.require);'; } }); fis.match('/node_modules/monaco-editor/min/**/loader.js', { postprocessor: function (content) { return '(function(self) {\n' + content + '\n}).call(this.monacaAmd || (this.monacaAmd = {}));'; } }); fis.hook('node_modules', { shimProcess: false, shimGlobal: false, shimBuffer: false }); fis.hook('commonjs', { extList: ['.js', '.jsx', '.tsx', '.ts'] }); fis.match('::package', { postpackager: fis.plugin('loader', { useInlineMap: false, resourceType: 'mod' }) }) fis .media('dev') .match('/node_modules/**.js', { packTo: '/pkg/npm.js' }) .match('monaco-editor/**.js', { packTo: null }); if (fis.project.currentMedia() === 'publish') { const publishEnv = fis.media('publish'); publishEnv.get('project.ignore').push( 'lib/**' ); publishEnv.set('project.files', [ '/scss/**', '/src/**' ]); publishEnv.match('/scss/(**)', { release: '/$1', relative: true }); publishEnv.match('/src/(**)', { release: '/$1', relative: true }); publishEnv.match('/node_modules/monaco-editor/min/(**)', { release: '/thirds/monaco-editor/$1' }); publishEnv.match('/src/**.{jsx,tsx,js,ts}', { parser: [ fis.plugin('typescript', { importHelpers: true, sourceMap: true, experimentalDecorators: true, esModuleInterop: true }), function (contents) { return contents.replace(/(?:\w+\.)?\b__uri\s*\(\s*('|")(.*?)\1\s*\)/g, function (_, quote, value) { let str = quote + value + quote; return '(function(){try {return __uri(' + str + ')} catch(e) {return ' + str + '}})()'; }); } ] }); publishEnv.match('_*.scss', { release: false }); publishEnv.match('*', { deploy: fis.plugin('local-deliver', { to: fis.get('options.d') || fis.get('options.desc') || './lib' }) }); publishEnv.match('/src/**.{jsx,tsx,js,ts,svg}', { isMod: false, standard: false }); publishEnv.match('/src/components/Editor.tsx', { standard: 'builtin' }); publishEnv.match('/src/**.{jsx,tsx,js,ts}', { postprocessor: function (content, file) { return content.replace(/^''/mg, '').replace(/\/\/# sourceMappingURL=\//g, '//# sourceMappingURL=./'); } }); publishEnv.match('*.scss', { postprocessor: function (content, file) { return content.replace(/\/\*# sourceMappingURL=\//g, '/*# sourceMappingURL=./'); } }); publishEnv.match('::package', { postpackager: function (ret) { Object.keys(ret.src).forEach(function (subpath) { var file = ret.src[subpath]; if (!file.isText()) { return; } var content = file.getContent(); if (subpath === '/src/components/Editor.tsx') { content = content .replace('require("node_modules/tslib/tslib")', 'require("tslib")') .replace('require("node_modules/react/index")', 'require("react")') .replace('require("node_modules/classnames/index")', 'require("classnames")') .replace('require("src/themes/default.ts")', 'require("../themes/default.js")') .replace('require("src/theme.tsx")', 'require("../theme.js")') .replace(/('|")(\.\.\/thirds.*?)\1/g, function (_, quote, value) { return '__uri(' + quote + value + quote + ')'; }); } else if (subpath === '/src/components/icons.tsx') { content = content .replace(/\.svg/g, ".js") } else { content = content.replace(/@require\s+(?:\.\.\/)?node_modules\//g, '@require '); } file.setContent(content); }); } }); // publishEnv.unhook('node_modules'); publishEnv.hook('relative'); } else if (fis.project.currentMedia() === 'publish-sdk') { const env = fis.media('publish-sdk'); env.get('project.ignore').push( 'sdk/**' ); env.set('project.files', [ 'examples/sdk-placeholder.html' ]); env.match('/{examples,scss}/(**)', { release: '/$1', }); env.match('*.map', { release: false }); env.match('/node_modules/(**)', { release: '/thirds/$1' }); env.match('/node_modules/(*)/dist/(**)', { release: '/thirds/$1/$2' }); env.match('/node_modules/monaco-editor/min/(**)', { release: '/thirds/monaco-editor/$1' }); env.match('*.scss', { parser: fis.plugin('node-sass', { sourceMap: false }) }); env.match('{*.ts,*.jsx,*.tsx,/src/**.js,/src/**.ts}', { parser: [fis.plugin('typescript', { importHelpers: true, esModuleInterop: true, experimentalDecorators: true, sourceMap: false }), function (content) { return content.replace(/\b[a-zA-Z_0-9$]+\.__uri\s*\(/g, '__uri(') }], preprocessor: fis.plugin('js-require-css'), isMod: true, rExt: '.js' }); env.match('/examples/sdk-mod.js', { isMod: false }); env.match('*.{js,jsx,ts,tsx}', { optimizer: fis.plugin('uglify-js'), moduleId: function (m, path) { return fis.util.md5('amis-sdk' + path); }, }); env.match('/src/icons/**.svg', { optimizer: fis.plugin('uglify-js'), moduleId: function (m, path) { return fis.util.md5('amis-sdk' + path); }, }); env.match('src/components/Editor.tsx', { release: '/ide.js' }); env.match('::package', { packager: fis.plugin('deps-pack', { 'sdk.js': [ 'examples/sdk-mod.js', 'examples/embed.tsx', 'examples/embed.tsx:deps', '!monaco-editor/**', '!flv.js/**', '!hls.js/**', '!froala-editor/**', '!src/components/RichText.tsx', '!jquery/**', '!zrender/**', '!echarts/**', '!docsearch.js/**', ], 'rich-text.js': [ 'src/components/RichText.tsx', 'froala-editor/**', 'jquery/**', ], 'echarts.js': [ 'zrender/**', 'echarts/**', ], 'rest.js': [ '*.js', '!monaco-editor/**', '!flv.js/**', '!hls.js/**', '!froala-editor/**', '!src/components/RichText.tsx', '!jquery/**', '!zrender/**', '!echarts/**', ], }), postpackager: [ fis.plugin('loader', { useInlineMap: false, resourceType: 'mod' }), require('./build/embed-packager') ] }); env.match('monaco-editor/**.js', { isMod: false, standard: null, optimizer: null, packTo: null }); fis.on('compile:optimizer', function (file) { if (file.isJsLike && file.isMod) { var contents = file.getContent(); if (file.subpath === '/src/components/Editor.tsx') { contents = contents.replace(/function\snoJsExt\(raw\)\s\{/, function() { return `var _path = ''; try { throw new Error() } catch (e) { _path = (/((?:https?|file)\:.*)$/.test(e.stack) && RegExp.$1).replace(/\\/[^\\/]*$/, ''); } function noJsExt(raw) {`; }) .replace(/('|")(\.\/thirds.*?)\1/g, function(_, quote, value) { return `_path + ${quote}${value.substring(1)}${quote}`; }); } if (typeof contents === 'string' && contents.substring(0, 7) === 'define(') { contents = 'amis.' + contents; contents = contents.replace('function(require, exports, module)', 'function(require, exports, module, define)'); file.setContent(contents); } } }); env.match('/examples/loader.ts', { isMod: false }); env.match('*', { domain: '.', deploy: [ fis.plugin('skip-packed'), function(_, modified, total, callback) { var i = modified.length - 1; var file; while ((file = modified[i--])) { if (file.skiped || /\.map$/.test(file.subpath)) { modified.splice(i + 1, 1); } } i = total.length - 1; while ((file = total[i--])) { if (file.skiped || /\.map$/.test(file.subpath)) { total.splice(i + 1, 1); } } callback(); }, fis.plugin('local-deliver', { to: './sdk' }) ] }); } else if (fis.project.currentMedia() === 'gh-pages') { const ghPages = fis.media('gh-pages'); ghPages.match('/docs/**.md', { rExt: 'js', isMod: true, useHash: true, parser: [parserMarkdown, function(contents, file) { return contents.replace(/\bhref=\\('|")(.+?)\\\1/g, function(_, quota, link) { if (/\.md($|#)/.test(link) && !/^https?\:/.test(link)) { let parts = link.split('#'); parts[0] = parts[0].replace('.md', ''); if (parts[0][0] !== '/') { parts[0] = path.resolve(path.dirname(file.subpath), parts[0]); } return 'href=\\' + quota + '/amis' + parts.join('#') + '\\' + quota; } return _; }); }], }); ghPages.match('/node_modules/(**)', { release: '/n/$1' }); ghPages.match('/examples/(**)', { release: '/$1' }); ghPages.match('/{examples,docs}/**', { preprocessor: function(contents, file) { if (!file.isText() || typeof contents !== 'string') { return contents; } return contents .replace(/(\\?(?:'|"))((?:get|post|delete|put)\:)?\/api\/mock2?/ig, function(_, qutoa, method) { return qutoa + (method || '') + 'https://houtai.baidu.com/api/mock2'; }) .replace(/(\\?(?:'|"))((?:get|post|delete|put)\:)?\/api\/sample/ig, function(_, qutoa, method) { return qutoa + (method || '') + 'https://houtai.baidu.com/api/sample'; }); } }) ghPages.match('mock/**.{json,js,conf}', { release: false }); ghPages.match('::package', { packager: fis.plugin('deps-pack', { 'pkg/npm.js': [ '/examples/mod.js', 'node_modules/**.js', '!monaco-editor/**', '!flv.js/**', '!hls.js/**', '!amis/lib/editor/**', '!froala-editor/**', '!amis/lib/components/RichText.js', '!jquery/**', '!zrender/**', '!echarts/**', ], 'pkg/rich-text.js': [ 'amis/lib/components/RichText.js', 'froala-editor/**', 'jquery/**' ], 'pkg/echarts.js': [ 'zrender/**', 'echarts/**' ], 'pkg/api-mock.js': [ 'mock/*.ts' ], 'pkg/app.js': [ '/examples/components/App.jsx', '/examples/components/App.jsx:deps' ], 'pkg/rest.js': [ '**.{js,jsx,ts,tsx}', '!static/mod.js', '!monaco-editor/**', '!echarts/**', '!flv.js/**', '!hls.js/**', '!froala-editor/**', '!jquery/**', '!amis/lib/components/RichText.js', '!zrender/**', '!echarts/**', ], 'pkg/npm.css': [ 'node_modules/*/**.css', '!monaco-editor/**', ], // css 打包 'pkg/style.css': [ '*.scss', '*.css', '!monaco-editor/**', '!/scss/themes/*.scss', // 要切换主题,不能打在一起。'/scss/*.scss', '!/examples/style.scss', '/examples/style.scss', // 让它在最下面 ] }), postpackager: [fis.plugin('loader', { useInlineMap: false, resourceType: 'mod' }), function(ret) { const indexHtml = ret.src['/examples/index.html']; const appJs = ret.src['/examples/components/App.jsx']; const DocJs = ret.src['/examples/components/Doc.jsx']; const pages = []; const source = [appJs.getContent(), DocJs.getContent()].join('\n'); source.replace(/\bpath\b\s*\:\s*('|")(.*?)\1/g, function(_, qutoa, path) { if (path === "*") { return; } pages.push(path.replace(/^\//, '')); return _; }); const contents = indexHtml.getContent(); pages.forEach(function(path) { const file = fis.file(fis.project.getProjectPath(), '/examples/' + path + '.html'); file.setContent(contents); ret.pkg[file.getId()] = file; }); }] }); ghPages.match('*.{css,less,scss}', { optimizer: fis.plugin('clean-css'), useHash: true }); ghPages.match('::image', { useHash: true }); ghPages.match('*.{js,ts,tsx,jsx}', { optimizer: fis.plugin('uglify-js'), useHash: true }); ghPages.match('*.map', { release: false, url: 'null', useHash: false }); ghPages.match('{*.jsx,*.tsx,*.ts}', { moduleId: function (m, path) { return fis.util.md5('amis' + path); }, parser: fis.plugin('typescript', { sourceMap: false, importHelpers: true, esModuleInterop: true }) }); ghPages.match('*', { domain: 'https://bce.bdstatic.com/fex/amis-gh-pages', deploy: [ fis.plugin('skip-packed'), fis.plugin('local-deliver', { to: './gh-pages' }) ] }); ghPages.match('{*.min.js,monaco-editor/**.js}', { optimizer: null }); ghPages.match('monaco-editor/(**)', { useHash: false, release: '/n/monaco-editor/0.17.1/$1' }); }