/** * @file fis-conf.js 配置 */ const path = require('path'); const fs = require('fs'); const package = require('./package.json'); const parserMarkdown = require('./build/md-parser'); fis.get('project.ignore').push('public/**', 'gh-pages/**', '.*/**'); // 配置只编译哪些文件。 const Resource = fis.require('postpackager-loader/lib/resource.js'); Resource.extend({ buildResourceMap: function () { return 'amis.' + this.__super(); }, calculate: function () { this.__super.apply(this); // 标记这个文件,肯定是异步资源,即便是同步加载了。 Object.keys(this.loaded).forEach(id => { const file = this.getFileById(id); if (file && file.subpath === '/examples/loadMonacoEditor.ts') { this.loaded[id] = true; } }); } }); 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('tinymce/{tinymce.js,plugins/**.js,themes/silver/theme.js}', { ignoreDependencies: true }); fis.match('tinymce/plugins/*/index.js', { ignoreDependencies: false }); fis.match(/(?:flv\.js)/, { ignoreDependencies: true }); fis.match('monaco-editor/min/**.js', { isMod: false, ignoreDependencies: 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.on('compile:optimizer', function (file) { if (file.isJsLike && file.isMod) { var contents = file.getContent(); 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); } } }); fis.match('{*.ts,*.jsx,*.tsx,/src/**.js,/src/**.ts}', { parser: [ // docsGennerator, 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.hook('node_modules', { shimProcess: false, shimGlobal: false, shimBuffer: false // shutup: true }); fis.hook('commonjs', { sourceMap: false, extList: ['.js', '.jsx', '.tsx', '.ts'], paths: { 'monaco-editor': '/examples/loadMonacoEditor' } }); fis.media('dev').match('::package', { postpackager: fis.plugin('loader', { useInlineMap: false, resourceType: 'mod' }) }); fis.media('dev').match('/node_modules/**.js', { packTo: '/pkg/npm.js' }); fis.match('monaco-editor/**', { 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('/src/**.{jsx,tsx,js,ts}', { parser: [ // docsGennerator, 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 + '}})()' ); } ); } ], preprocessor: null }); 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/**.{jsx,tsx,js,ts}', { postprocessor: function (content, file) { return content .replace(/^''/gm, '') .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/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('*.scss', { parser: fis.plugin('node-sass', { sourceMap: false }) }); env.match('{*.ts,*.jsx,*.tsx,/src/**.js,/src/**.ts}', { parser: [ // docsGennerator, 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('::package', { packager: fis.plugin('deps-pack', { 'sdk.js': [ 'examples/mod.js', 'examples/embed.tsx', 'examples/embed.tsx:deps', 'examples/loadMonacoEditor.ts', '!flv.js/**', '!hls.js/**', '!froala-editor/**', '!tinymce/**', '!jquery/**', '!zrender/**', '!echarts/**', '!docsearch.js/**', '!monaco-editor/**.css' ], 'rich-text.js': [ 'src/components/RichText.tsx', 'froala-editor/**', 'jquery/**' ], 'tinymce.js': ['src/components/Tinymce.tsx', 'tinymce/**'], 'charts.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('{*.min.js,monaco-editor/min/**.js}', { optimizer: null }); fis.on('compile:optimizer', function (file) { if (file.isJsLike && file.isMod) { var contents = file.getContent(); // 替换 worker 地址的路径,让 sdk 加载同目录下的文件。 // 如果 sdk 和 worker 不是部署在一个地方,请通过指定 MonacoEnvironment.getWorkerUrl if ( file.subpath === '/src/components/Editor.tsx' || file.subpath === '/examples/loadMonacoEditor.ts' ) { contents = contents.replace( /function\sfilterUrl\(url\)\s\{\s*return\s*url;/m, function () { return `var _path = ''; try { throw new Error() } catch (e) { _path = (/((?:https?|file)\:.*)$/.test(e.stack) && RegExp.$1).replace(/\\/[^\\/]*$/, ''); } function filterUrl(url) { return _path + url.substring(1);`; } ); 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?/gi, function (_, qutoa, method) { return ( qutoa + (method || '') + 'https://houtai.baidu.com/api/mock2' ); } ) .replace( /(\\?(?:'|"))((?:get|post|delete|put)\:)?\/api\/sample/gi, 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/**', '!froala-editor/**', '!tinymce/**', '!jquery/**', '!zrender/**', '!echarts/**' ], 'pkg/rich-text.js': [ 'src/components/RichText.js', 'froala-editor/**', 'jquery/**' ], 'pkg/tinymce.js': ['src/components/Tinymce.tsx', 'tinymce/**'], 'pkg/charts.js': ['zrender/**', 'echarts/**'], 'pkg/api-mock.js': ['mock/*.ts'], 'pkg/app.js': [ '/examples/components/App.tsx', '/examples/components/App.tsx:deps' ], 'pkg/rest.js': [ '**.{js,jsx,ts,tsx}', '!static/mod.js', '!monaco-editor/**', '!echarts/**', '!flv.js/**', '!hls.js/**', '!froala-editor/**', '!jquery/**', '!src/components/RichText.js', '!zrender/**', '!echarts/**' ], 'pkg/npm.css': ['node_modules/*/**.css', '!monaco-editor/**'], // css 打包 'pkg/style.css': [ '*.scss', '*.css', '!/scss/themes/*.scss', // 要切换主题,不能打在一起。'/scss/*.scss', '!/examples/style.scss', '!monaco-editor/**', '/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.tsx']; const DocJs = ret.src['/examples/components/Doc.tsx']; const ExampleJs = ret.src['/examples/components/Example.tsx']; const pages = []; const source = [ appJs.getContent(), DocJs.getContent(), ExampleJs.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: [ // docsGennerator, 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/min/**.js}', { optimizer: null }); } // function docsGennerator(contents, file) { // if (file.subpath !== '/examples/components/Doc.tsx') { // return contents; // } // return contents.replace('// {{renderer-docs}}', function () { // const dir = path.join(__dirname, 'docs/renderers'); // const files = []; // let fn = (dir, colleciton, prefix = '') => { // const entries = fs.readdirSync(dir); // entries.forEach(entry => { // const subdir = path.join(dir, entry); // if (fs.lstatSync(subdir).isDirectory()) { // let files = []; // fn(subdir, files, path.join(prefix, entry)); // colleciton.push({ // name: entry, // children: files, // path: path.join(prefix, entry) // }); // } else if (/\.md$/.test(entry)) { // colleciton.push({ // name: path.basename(entry, '.md'), // path: path.join(prefix, entry) // }); // } // }); // }; // let fn2 = item => { // if (item.children) { // const child = item.children.find( // child => child.name === `${item.name}.md` // ); // return `{ // label: '${item.name}', // ${ // child // ? `path: '/docs/renderers/${child.path.replace( // /\.md$/, // '' // )}',` // : '' // } // children: [ // ${item.children.map(fn2).join(',\n')} // ] // }`; // } // return `{ // label: '${item.name}', // path: '/docs/renderers/${item.path.replace(/\.md$/, '')}', // getComponent: (location, cb) => // require(['../../docs/renderers/${item.path}'], doc => { // cb(null, makeMarkdownRenderer(doc)); // }) // }`; // }; // fn(dir, files); // return `{ // label: '渲染器手册', // icon: 'fa fa-diamond', // path: '/docs/renderers', // getComponent: (location, cb) => // require(['../../docs/renderers.md'], doc => { // cb(null, makeMarkdownRenderer(doc)); // }), // children: [ // ${files.map(fn2).join(',\n')} // ] // },`; // }); // }