You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.8 KiB
61 lines
1.8 KiB
4 years ago
|
require('babel-register')();
|
||
|
const gulp = require('gulp');
|
||
|
const gutil = require('gulp-util');
|
||
|
const webpack = require('webpack');
|
||
|
const opn = require('opn');
|
||
|
const WebpackDevServer = require('webpack-dev-server');
|
||
|
const siteConfig = require('./site_config/site').default;
|
||
|
const webpackConfig = require('./webpack.config.js');
|
||
|
|
||
|
const port = siteConfig.port || 8080;
|
||
|
|
||
|
// The development server (the recommended option for development)
|
||
|
gulp.task('default', ['webpack-dev-server']);
|
||
|
|
||
|
// Production build
|
||
|
gulp.task('build', ['webpack:build']);
|
||
|
|
||
|
gulp.task('webpack-dev-server', () => {
|
||
|
// modify some webpack config options
|
||
|
const myConfig = Object.create(webpackConfig);
|
||
|
myConfig.plugins.push(new webpack.SourceMapDevToolPlugin({}));
|
||
|
// Start a webpack-dev-server
|
||
|
new WebpackDevServer(webpack(myConfig), {
|
||
|
publicPath: `http://127.0.0.1:${port}/build/`,
|
||
|
stats: {
|
||
|
colors: true,
|
||
|
},
|
||
|
}).listen(port, '127.0.0.1', err => {
|
||
|
if (err) throw new gutil.PluginError('webpack-dev-server', err);
|
||
|
opn(`http://127.0.0.1:${port}/`);
|
||
|
gutil.log('[webpack-dev-server]', `http://127.0.0.1:${port}/webpack-dev-server/index.html`);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
gulp.task('webpack:build', callback => {
|
||
|
// modify some webpack config options
|
||
|
const myConfig = Object.create(webpackConfig);
|
||
|
myConfig.output.publicPath = `${siteConfig.rootPath}/build/`;
|
||
|
myConfig.plugins = myConfig.plugins.concat(
|
||
|
new webpack.DefinePlugin({
|
||
|
'process.env': {
|
||
|
// This has effect on the react lib size
|
||
|
NODE_ENV: JSON.stringify('production'),
|
||
|
},
|
||
|
}),
|
||
|
new webpack.optimize.UglifyJsPlugin()
|
||
|
);
|
||
|
|
||
|
// run webpack
|
||
|
webpack(myConfig, (err, stats) => {
|
||
|
if (err) throw new gutil.PluginError('webpack:build', err);
|
||
|
gutil.log(
|
||
|
'[webpack:build]',
|
||
|
stats.toString({
|
||
|
colors: true,
|
||
|
})
|
||
|
);
|
||
|
callback();
|
||
|
});
|
||
|
});
|