* [timelion] remove last remaining amd modules
* [eslint-config-kibana] remove env.amd
* [webpack] use absolute loader names
* [webpack] remove absolute node_modules/ imports
* [webpack] upgrade to webpack 3
* [uiFramework] make webpack build compatible with v3
* [eslint-import-resolver] use https://github.com/elastic/eslint-import-resolver-kibana/pull/21
* [baseOptimizer] don't break when pkg has no dependencies
* [optimize] remove unnecessary json-loader
* [optimize] remove local references to webpack vars
* [eslint] upgrade to eslint-import-resolver-kibana 0.9.0
* [baseOptimizer] comment tweaks
* [baseOptimizer] remove loader pinning
In webpack 1 the loaders defined here were resolved relative to the file they were going to load, which meant that plugins in other projects could accidentally overwrite the loaders Kibana was trying to use, which is why the aliases were used to enforce proper resolution.
In webpack 2 loaders are now resolved relative to the webpackConfig.context, which is set to the root of the Kibana repo. See https://webpack.js.org/configuration/module/#useentry
* [webpack] rely on kibana webpack shims before checking node_modules
(cherry picked from commit f60639fccb
)
140 lines
3.7 KiB
JavaScript
140 lines
3.7 KiB
JavaScript
import sass from 'node-sass';
|
|
import postcss from 'postcss';
|
|
import postcssConfig from '../src/optimize/postcss.config';
|
|
import chokidar from 'chokidar';
|
|
import debounce from 'lodash/function/debounce';
|
|
|
|
const platform = require('os').platform();
|
|
const isPlatformWindows = /^win/.test(platform);
|
|
|
|
module.exports = function (grunt) {
|
|
grunt.registerTask('uiFramework:build', function () {
|
|
const done = this.async();
|
|
|
|
const serverCmd = {
|
|
cmd: isPlatformWindows ? '.\\node_modules\\.bin\\webpack.cmd' : './node_modules/.bin/webpack',
|
|
args: [
|
|
'-p',
|
|
'--config=ui_framework/doc_site/webpack.config.js',
|
|
'--devtool=null', // Prevent the source map from being generated
|
|
],
|
|
opts: { stdio: 'inherit' }
|
|
};
|
|
|
|
const uiFrameworkServerBuild = new Promise((resolve, reject) => {
|
|
grunt.util.spawn(serverCmd, (error, result, code) => {
|
|
if (error || code !== 0) {
|
|
const message = result.stderr || result.stdout;
|
|
|
|
grunt.log.error(message);
|
|
|
|
return reject();
|
|
}
|
|
|
|
grunt.log.writeln(result);
|
|
|
|
resolve();
|
|
});
|
|
});
|
|
|
|
uiFrameworkServerBuild.then(done);
|
|
});
|
|
|
|
grunt.registerTask('uiFramework:start', function () {
|
|
const done = this.async();
|
|
Promise.all([uiFrameworkWatch(), uiFrameworkServerStart()]).then(done);
|
|
});
|
|
|
|
grunt.registerTask('uiFramework:compileCss', function () {
|
|
const done = this.async();
|
|
uiFrameworkCompile().then(done);
|
|
});
|
|
|
|
function uiFrameworkServerStart() {
|
|
const serverCmd = {
|
|
cmd: isPlatformWindows ? '.\\node_modules\\.bin\\webpack-dev-server.cmd' : './node_modules/.bin/webpack-dev-server',
|
|
args: [
|
|
'--config=ui_framework/doc_site/webpack.config.js',
|
|
'--hot',
|
|
'--inline',
|
|
'--content-base=ui_framework/doc_site/build',
|
|
'--host=0.0.0.0',
|
|
'--port=8020',
|
|
],
|
|
opts: { stdio: 'inherit' }
|
|
};
|
|
|
|
return new Promise((resolve, reject) => {
|
|
grunt.util.spawn(serverCmd, (error, result, code) => {
|
|
if (error || code !== 0) {
|
|
const message = result.stderr || result.stdout;
|
|
|
|
grunt.log.error(message);
|
|
|
|
return reject();
|
|
}
|
|
|
|
grunt.log.writeln(result);
|
|
|
|
resolve();
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
function uiFrameworkCompile() {
|
|
const src = 'ui_framework/src/index.scss';
|
|
const dest = 'ui_framework/dist/ui_framework.css';
|
|
|
|
return new Promise(resolve => {
|
|
sass.render({
|
|
file: src,
|
|
}, function (error, result) {
|
|
if (error) {
|
|
grunt.log.error(error);
|
|
}
|
|
|
|
postcss([postcssConfig])
|
|
.process(result.css, { from: src, to: dest })
|
|
.then(result => {
|
|
grunt.file.write(dest, result.css);
|
|
|
|
if (result.map) {
|
|
grunt.file.write(`${dest}.map`, result.map);
|
|
}
|
|
|
|
resolve();
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
function uiFrameworkWatch() {
|
|
const debouncedCompile = debounce(() => {
|
|
// Compile the SCSS in a separate process because node-sass throws a fatal error if it fails
|
|
// to compile.
|
|
grunt.util.spawn({
|
|
cmd: isPlatformWindows ? '.\\node_modules\\.bin\\grunt.cmd' : './node_modules/.bin/grunt',
|
|
args: [
|
|
'uiFramework:compileCss',
|
|
],
|
|
}, (error, result) => {
|
|
if (error) {
|
|
grunt.log.error(result.stdout);
|
|
} else {
|
|
grunt.log.writeln(result);
|
|
}
|
|
});
|
|
}, 400, { leading: true });
|
|
|
|
return new Promise(() => {
|
|
debouncedCompile();
|
|
|
|
chokidar.watch('ui_framework/src', { ignoreInitial: true }).on('all', (event, path) => {
|
|
grunt.log.writeln(event, path);
|
|
debouncedCompile();
|
|
});
|
|
});
|
|
}
|
|
};
|