firejsx
Version:
The React Framework for SSB, SSR and Serverless technologies
154 lines (153 loc) • 6.05 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const path_1 = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const webpack = require("webpack");
const clean_webpack_plugin_1 = require("clean-webpack-plugin");
class default_1 {
constructor($) {
this.$ = $;
this.proOrSSR = $.ssr || $.pro;
}
forPagesAndApp() {
const config = {
target: 'web',
mode: process.env.NODE_ENV,
watch: this.$.watch,
optimization: {
sideEffects: false,
minimize: true,
runtimeChunk: "single",
usedExports: true,
splitChunks: {
chunks: 'all',
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
enforce: true
}
}
}
},
entry: {},
output: {
filename: `m.${this.proOrSSR ? "[contenthash]" : "[id][hash]"}.js`,
chunkFilename: "c.[contenthash].js",
publicPath: `${this.$.prefix}/${this.$.lib}/`,
path: `${this.$.outDir}/${this.$.lib}/`,
globalObject: 'self',
jsonpFunction: 'FireJSX_jsonp',
hotUpdateMainFilename: `h[hash].hot.json`,
hotUpdateChunkFilename: `h[hash].hot.js`
},
externals: {
react: "React",
"react-dom": 'ReactDOM'
},
module: {
rules: [{
test: /\.(js|jsx)$/,
use: [
{
loader: 'babel-loader',
options: {
sourceType: 'unambiguous',
cacheDirectory: path_1.join(this.$.cacheDir, "babelCache"),
presets: [["@babel/preset-env", {
modules: false,
targets: {
browsers: [`last 2 versions`, `not ie <= 11`, `not android 4.4.3`],
},
}], "@babel/preset-react"],
plugins: ["@babel/plugin-syntax-dynamic-import",
"@babel/plugin-transform-runtime",
"@babel/plugin-transform-modules-commonjs",
[require.resolve('../babel_plugins/wrapper.js'), {
pagesPath: this.$.pages,
proOrSSR: this.proOrSSR
}],
...(this.proOrSSR ? [] : ["react-hot-loader/babel"]),
]
}
}
]
}, {
test: /\.css$/,
use: [
...(this.proOrSSR ? [MiniCssExtractPlugin.loader] : ['style-loader']),
{
loader: 'css-loader',
options: {
modules: true
},
},
]
}]
},
plugins: [
new MiniCssExtractPlugin({
filename: "cs.[contenthash].css",
chunkFilename: "cs.[contenthash].css"
}), new clean_webpack_plugin_1.CleanWebpackPlugin({
verbose: this.$.verbose,
cleanOnceBeforeBuildPatterns: ['**/*', '!map/!*', '!e.*', '!a.*'],
}),
...(this.proOrSSR ? [] : [
new webpack.HotModuleReplacementPlugin({
multiStep: true
})
]),
],
resolve: {
extensions: ['.wasm', '.mjs', '.js', '.json', '.jsx']
}
};
//pages
this.$.pageMap.forEach(page => {
config.entry[page.toString()] = [
path_1.join(this.$.pages, page.toString()),
...(this.proOrSSR ? [] : [
`webpack-hot-middleware/client?path=/__webpack_hmr&reload=true&quiet=true`
])
];
});
//app
config.entry[this.$.appPath] = this.$.appPath;
//call initWebpackHook
this.$.hooks.initWebpack.forEach(initWebpack => initWebpack(config));
return config;
}
forSemiExternal() {
return {
target: 'web',
mode: process.env.NODE_ENV,
entry: [
...(this.proOrSSR ? [] : ['react-hot-loader/patch']),
path_1.join(__dirname, "../web/externalGroupSemi")
],
output: {
path: `${this.$.outDir}/${this.$.lib}/`,
filename: "e.[contenthash].js",
globalObject: 'window'
},
resolve: {
alias: (this.proOrSSR ? {} : {
'react-dom': '@hot-loader/react-dom',
})
}
};
}
forFullExternal() {
return {
target: 'node',
mode: process.env.NODE_ENV,
entry: path_1.join(__dirname, "../web/externalGroupFull"),
output: {
path: this.$.cacheDir,
filename: "f.[contenthash].js",
globalObject: 'global'
}
};
}
}
exports.default = default_1;