mirror of
https://github.com/strapi/strapi.git
synced 2025-07-15 13:02:42 +00:00
188 lines
5.2 KiB
JavaScript
188 lines
5.2 KiB
JavaScript
'use strict';
|
|
|
|
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const TerserPlugin = require('terser-webpack-plugin');
|
|
const WebpackBar = require('webpackbar');
|
|
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
|
|
const isWsl = require('is-wsl');
|
|
const alias = require('./webpack.alias');
|
|
const getClientEnvironment = require('./env');
|
|
|
|
module.exports = ({
|
|
entry,
|
|
dest,
|
|
env,
|
|
optimize,
|
|
options = {
|
|
backend: 'http://localhost:1337',
|
|
adminPath: '/admin/',
|
|
features: [],
|
|
},
|
|
roots = {
|
|
eeRoot: './ee/admin',
|
|
ceRoot: './admin/src',
|
|
},
|
|
}) => {
|
|
const isProduction = env === 'production';
|
|
|
|
const envVariables = getClientEnvironment({ ...options, env });
|
|
|
|
const webpackPlugins = isProduction
|
|
? [
|
|
new webpack.IgnorePlugin({
|
|
resourceRegExp: /^\.\/locale$/,
|
|
contextRegExp: /moment$/,
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].[chunkhash].css',
|
|
chunkFilename: '[name].[chunkhash].chunkhash.css',
|
|
ignoreOrder: true,
|
|
}),
|
|
new WebpackBar(),
|
|
]
|
|
: [];
|
|
|
|
return {
|
|
mode: isProduction ? 'production' : 'development',
|
|
bail: isProduction ? true : false,
|
|
devtool: false,
|
|
experiments: {
|
|
topLevelAwait: true,
|
|
},
|
|
entry,
|
|
output: {
|
|
path: dest,
|
|
publicPath: options.adminPath,
|
|
// Utilize long-term caching by adding content hashes (not compilation hashes)
|
|
// to compiled assets for production
|
|
filename: isProduction ? '[name].[contenthash:8].js' : '[name].bundle.js',
|
|
chunkFilename: isProduction ? '[name].[contenthash:8].chunk.js' : '[name].chunk.js',
|
|
},
|
|
optimization: {
|
|
minimize: optimize,
|
|
minimizer: [
|
|
// Copied from react-scripts
|
|
new TerserPlugin({
|
|
terserOptions: {
|
|
parse: {
|
|
ecma: 8,
|
|
},
|
|
compress: {
|
|
ecma: 5,
|
|
warnings: false,
|
|
comparisons: false,
|
|
inline: 2,
|
|
},
|
|
mangle: {
|
|
safari10: true,
|
|
},
|
|
output: {
|
|
ecma: 5,
|
|
comments: false,
|
|
ascii_only: true,
|
|
},
|
|
},
|
|
parallel: !isWsl,
|
|
// Enable file caching
|
|
cache: true,
|
|
sourceMap: false,
|
|
}),
|
|
],
|
|
runtimeChunk: true,
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.m?js$/,
|
|
// TODO remove when plugins are built separately
|
|
exclude: /node_modules\/(?!(@strapi\/plugin-content-type-builder|@strapi\/plugin-upload)\/).*/,
|
|
use: {
|
|
loader: require.resolve('babel-loader'),
|
|
options: {
|
|
cacheDirectory: true,
|
|
cacheCompression: isProduction,
|
|
compact: isProduction,
|
|
presets: [
|
|
require.resolve('@babel/preset-env'),
|
|
require.resolve('@babel/preset-react'),
|
|
],
|
|
plugins: [
|
|
[
|
|
require.resolve('@strapi/babel-plugin-switch-ee-ce'),
|
|
{
|
|
// Imported this tells the custom plugin where to look for the ee folder
|
|
roots,
|
|
},
|
|
],
|
|
require.resolve('@babel/plugin-proposal-class-properties'),
|
|
require.resolve('@babel/plugin-syntax-dynamic-import'),
|
|
require.resolve('@babel/plugin-transform-modules-commonjs'),
|
|
require.resolve('@babel/plugin-proposal-async-generator-functions'),
|
|
|
|
[
|
|
require.resolve('@babel/plugin-transform-runtime'),
|
|
{
|
|
// absoluteRuntime: true,s
|
|
helpers: true,
|
|
regenerator: true,
|
|
},
|
|
],
|
|
[require.resolve('babel-plugin-styled-components'), { pure: true }],
|
|
],
|
|
},
|
|
},
|
|
},
|
|
|
|
{
|
|
test: /\.css$/i,
|
|
use: ['style-loader', 'css-loader'],
|
|
},
|
|
{
|
|
test: /\.(svg|eot|otf|ttf|woff|woff2)$/,
|
|
use: 'file-loader',
|
|
},
|
|
{
|
|
test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.ico$/],
|
|
loader: require.resolve('url-loader'),
|
|
options: {
|
|
limit: 1000,
|
|
},
|
|
},
|
|
{
|
|
test: /\.html$/,
|
|
include: [path.join(__dirname, 'src')],
|
|
use: require.resolve('html-loader'),
|
|
},
|
|
{
|
|
test: /\.(mp4|webm)$/,
|
|
loader: require.resolve('url-loader'),
|
|
options: {
|
|
limit: 10000,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
resolve: {
|
|
alias,
|
|
symlinks: false,
|
|
extensions: ['.js', '.jsx', '.react.js'],
|
|
mainFields: ['browser', 'jsnext:main', 'main'],
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
inject: true,
|
|
template: path.resolve(__dirname, 'index.html'),
|
|
// FIXME
|
|
// favicon: path.resolve(__dirname, 'admin/src/favicon.ico'),
|
|
}),
|
|
new webpack.DefinePlugin(envVariables),
|
|
|
|
new NodePolyfillPlugin(),
|
|
...webpackPlugins,
|
|
],
|
|
};
|
|
};
|