mirror of
https://github.com/trambarhq/relaks-wordpress-example.git
synced 2025-09-02 20:52:33 +02:00
Upgraded to Babel 7.
Upgraded to latest version of Relaks and related libraries. Reduced indentation from 4 to 2.
This commit is contained in:
Chung Leong
@@ -1,185 +1,168 @@
|
||||
var _ = require('lodash');
|
||||
var FS = require('fs');
|
||||
var Path = require('path');
|
||||
var Webpack = require('webpack');
|
||||
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
var DefinePlugin = Webpack.DefinePlugin;
|
||||
var NamedChunksPlugin = Webpack.NamedChunksPlugin;
|
||||
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||||
var MiniCSSExtractPlugin = require("mini-css-extract-plugin");
|
||||
const _ = require('lodash');
|
||||
const Path = require('path');
|
||||
const Webpack = require('webpack');
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
const DefinePlugin = Webpack.DefinePlugin;
|
||||
const NamedChunksPlugin = Webpack.NamedChunksPlugin;
|
||||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||||
const MiniCSSExtractPlugin = require("mini-css-extract-plugin");
|
||||
|
||||
var EVENT = process.env.npm_lifecycle_event;
|
||||
var BUILD = (EVENT === 'build') ? 'production' : 'development';
|
||||
var IS_DEV_SERVER = process.argv.find((arg) => { return arg.includes('webpack-dev-server') });
|
||||
var DEV_DATA_HOST = (IS_DEV_SERVER) ? 'http://localhost:8000' : undefined;
|
||||
var CORDOVA_DATA_HOST = process.env.CORDOVA_DATA_HOST;
|
||||
var BASE_PATH = '/';
|
||||
const EVENT = process.env.npm_lifecycle_event;
|
||||
const BUILD = (EVENT === 'build') ? 'production' : 'development';
|
||||
const IS_DEV_SERVER = !!process.argv.find(arg => arg.includes('webpack-dev-server'));
|
||||
const DEV_DATA_HOST = (IS_DEV_SERVER) ? 'http://localhost:8000' : undefined;
|
||||
const CORDOVA_DATA_HOST = process.env.CORDOVA_DATA_HOST;
|
||||
const BASE_PATH = '/';
|
||||
|
||||
var clientConfig = {
|
||||
mode: BUILD,
|
||||
context: Path.resolve('./src'),
|
||||
entry: './main',
|
||||
output: {
|
||||
path: Path.resolve('./server/www'),
|
||||
publicPath: BASE_PATH,
|
||||
filename: 'front-end.js',
|
||||
},
|
||||
resolve: {
|
||||
extensions: [ '.js', '.jsx' ],
|
||||
modules: [ Path.resolve('./src'), 'node_modules' ],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.jsx?$/,
|
||||
loader: 'babel-loader',
|
||||
exclude: /node_modules/,
|
||||
query: {
|
||||
presets: [
|
||||
[ 'env', { modules: false } ],
|
||||
'react',
|
||||
'stage-0',
|
||||
],
|
||||
plugins: [
|
||||
'syntax-async-functions',
|
||||
'syntax-class-properties',
|
||||
'transform-regenerator',
|
||||
'transform-runtime',
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: [
|
||||
MiniCSSExtractPlugin.loader,
|
||||
'css-loader',
|
||||
'sass-loader'
|
||||
],
|
||||
},
|
||||
{
|
||||
test: /fonts.*\.woff2?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
loader: 'file-loader',
|
||||
},
|
||||
{
|
||||
test: /fonts.*\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
loader: 'file-loader',
|
||||
query: {
|
||||
emitFile: false,
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('browser'),
|
||||
'process.env.DATA_HOST': JSON.stringify(DEV_DATA_HOST),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new BundleAnalyzerPlugin({
|
||||
analyzerMode: (EVENT === 'build') ? 'static' : 'disabled',
|
||||
reportFilename: `report.html`,
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
optimization: {
|
||||
concatenateModules: false,
|
||||
},
|
||||
devtool: (EVENT === 'build') ? 'source-map' : 'inline-source-map',
|
||||
const clientConfig = {
|
||||
mode: BUILD,
|
||||
context: Path.resolve('./src'),
|
||||
entry: './main',
|
||||
output: {
|
||||
path: Path.resolve('./server/www'),
|
||||
publicPath: BASE_PATH,
|
||||
filename: 'front-end.js',
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.jsx?$/,
|
||||
loader: 'babel-loader',
|
||||
exclude: /node_modules/,
|
||||
query: {
|
||||
presets: [
|
||||
'@babel/env',
|
||||
'@babel/react',
|
||||
],
|
||||
plugins: [
|
||||
'@babel/transform-runtime',
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: [
|
||||
MiniCSSExtractPlugin.loader,
|
||||
'css-loader',
|
||||
'sass-loader'
|
||||
],
|
||||
},
|
||||
{
|
||||
test: /fonts.*\.woff2?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
loader: 'file-loader',
|
||||
},
|
||||
{
|
||||
test: /fonts.*\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
loader: 'file-loader',
|
||||
query: {
|
||||
emitFile: false,
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('browser'),
|
||||
'process.env.DATA_HOST': JSON.stringify(DEV_DATA_HOST),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new BundleAnalyzerPlugin({
|
||||
analyzerMode: (EVENT === 'build') ? 'static' : 'disabled',
|
||||
reportFilename: `report.html`,
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
optimization: {
|
||||
concatenateModules: false,
|
||||
},
|
||||
devtool: (EVENT === 'build') ? 'source-map' : 'inline-source-map',
|
||||
};
|
||||
|
||||
var serverConfig = {
|
||||
mode: clientConfig.mode,
|
||||
context: clientConfig.context,
|
||||
entry: './ssr',
|
||||
target: 'node',
|
||||
output: {
|
||||
path: Path.resolve('./server/client'),
|
||||
publicPath: BASE_PATH,
|
||||
filename: 'front-end.js',
|
||||
libraryTarget: 'commonjs',
|
||||
},
|
||||
resolve: clientConfig.resolve,
|
||||
module: clientConfig.module,
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('node'),
|
||||
'process.env.DATA_HOST': JSON.stringify(undefined),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
devtool: clientConfig.devtool,
|
||||
const serverConfig = {
|
||||
mode: clientConfig.mode,
|
||||
context: clientConfig.context,
|
||||
entry: './ssr',
|
||||
target: 'node',
|
||||
output: {
|
||||
path: Path.resolve('./server/client'),
|
||||
publicPath: BASE_PATH,
|
||||
filename: 'front-end.js',
|
||||
libraryTarget: 'commonjs',
|
||||
},
|
||||
module: clientConfig.module,
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('node'),
|
||||
'process.env.DATA_HOST': JSON.stringify(undefined),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
devtool: clientConfig.devtool,
|
||||
};
|
||||
|
||||
var cordovaConfig = {
|
||||
context: clientConfig.context,
|
||||
entry: clientConfig.entry,
|
||||
output: {
|
||||
path: Path.resolve('./cordova/sample-app/www'),
|
||||
publicPath: '',
|
||||
filename: 'front-end.js',
|
||||
},
|
||||
resolve: clientConfig.resolve,
|
||||
module: clientConfig.module,
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('browser'),
|
||||
'process.env.DATA_HOST': JSON.stringify(CORDOVA_DATA_HOST),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
cordova: true,
|
||||
host: CORDOVA_DATA_HOST
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
const cordovaConfig = {
|
||||
context: clientConfig.context,
|
||||
entry: clientConfig.entry,
|
||||
output: {
|
||||
path: Path.resolve('./cordova/sample-app/www'),
|
||||
publicPath: '',
|
||||
filename: 'front-end.js',
|
||||
},
|
||||
module: clientConfig.module,
|
||||
plugins: [
|
||||
new DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify(BUILD),
|
||||
'process.env.TARGET': JSON.stringify('browser'),
|
||||
'process.env.DATA_HOST': JSON.stringify(CORDOVA_DATA_HOST),
|
||||
'process.env.BASE_PATH': JSON.stringify(BASE_PATH),
|
||||
}),
|
||||
new NamedChunksPlugin,
|
||||
new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
cordova: true,
|
||||
host: CORDOVA_DATA_HOST
|
||||
}),
|
||||
new MiniCSSExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
],
|
||||
};
|
||||
|
||||
var configs = module.exports = [];
|
||||
const configs = module.exports = [];
|
||||
|
||||
if (IS_DEV_SERVER) {
|
||||
// need HTML page
|
||||
clientConfig.plugins.push(new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
}));
|
||||
// config dev-server to support client-side routing
|
||||
clientConfig.devServer = {
|
||||
inline: true,
|
||||
historyApiFallback: true,
|
||||
};
|
||||
configs.push(clientConfig);
|
||||
// need HTML page
|
||||
clientConfig.plugins.push(new HtmlWebpackPlugin({
|
||||
template: Path.resolve(`./src/index.html`),
|
||||
filename: 'index.html',
|
||||
}));
|
||||
// config dev-server to support client-side routing
|
||||
clientConfig.devServer = {
|
||||
inline: true,
|
||||
historyApiFallback: true,
|
||||
};
|
||||
configs.push(clientConfig);
|
||||
} else {
|
||||
configs.push(clientConfig, serverConfig)
|
||||
if (CORDOVA_DATA_HOST) {
|
||||
configs.push(cordovaConfig);
|
||||
console.log('Building for Cordova: ' + CORDOVA_DATA_HOST);
|
||||
}
|
||||
}
|
||||
|
||||
// copy webpack.resolve.js into webpack.debug.js to resolve Babel presets
|
||||
// and plugins to absolute paths, required when linked modules are used
|
||||
if (FS.existsSync('./webpack.debug.js')) {
|
||||
configs.map(require('./webpack.debug.js'));
|
||||
configs.push(clientConfig, serverConfig)
|
||||
if (CORDOVA_DATA_HOST) {
|
||||
configs.push(cordovaConfig);
|
||||
console.log('Building for Cordova: ' + CORDOVA_DATA_HOST);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user