643 lines
18 KiB
JavaScript
643 lines
18 KiB
JavaScript
/**
|
|
* @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'),
|
|
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'
|
|
});
|
|
}
|