mirror of
https://github.com/strapi/strapi.git
synced 2025-07-15 13:02:42 +00:00
221 lines
6.0 KiB
JavaScript
Executable File
221 lines
6.0 KiB
JavaScript
Executable File
/**
|
|
* DEVELOPMENT WEBPACK CONFIGURATION
|
|
*/
|
|
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const webpack = require('webpack');
|
|
const argv = require('minimist')(process.argv.slice(2));
|
|
// PostCSS plugins
|
|
const cssnext = require('postcss-cssnext');
|
|
const postcssFocus = require('postcss-focus');
|
|
const postcssReporter = require('postcss-reporter');
|
|
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
|
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
|
|
|
|
const isAdmin = process.env.IS_ADMIN === 'true';
|
|
const isSetup = path.resolve(process.env.PWD, '..', '..') === path.resolve(process.env.INIT_CWD);
|
|
const appPath = (() => {
|
|
if (process.env.APP_PATH) {
|
|
return process.env.APP_PATH;
|
|
}
|
|
|
|
return isAdmin ? path.resolve(process.env.PWD, '..') : path.resolve(process.env.PWD, '..', '..');
|
|
})();
|
|
|
|
const rootAdminpath = (() => {
|
|
if (isSetup) {
|
|
return isAdmin
|
|
? path.resolve(appPath, 'strapi-admin')
|
|
: path.resolve(appPath, 'packages', 'strapi-admin');
|
|
}
|
|
return path.resolve(appPath, 'admin');
|
|
})();
|
|
|
|
// Load plugins into the same build in development mode.
|
|
const plugins = {
|
|
exist: false,
|
|
src: [],
|
|
folders: {},
|
|
};
|
|
|
|
if (process.env.npm_lifecycle_event === 'start') {
|
|
try {
|
|
fs.accessSync(path.resolve(appPath, 'plugins'), fs.constants.R_OK);
|
|
} catch (e) {
|
|
// Allow app without plugins.
|
|
plugins.exist = true;
|
|
}
|
|
|
|
plugins.src =
|
|
process.env.IS_ADMIN === 'true' && !plugins.exist
|
|
? fs.readdirSync(path.resolve(appPath, 'plugins')).filter(x => {
|
|
let hasAdminFolder;
|
|
|
|
// Don't inject the plugins that don't have an admin into the app
|
|
try {
|
|
fs.accessSync(path.resolve(appPath, 'plugins', x, 'admin', 'src', 'containers', 'App'));
|
|
hasAdminFolder = true;
|
|
} catch (err) {
|
|
hasAdminFolder = false;
|
|
}
|
|
|
|
return x[0] !== '.' && hasAdminFolder;
|
|
})
|
|
: [];
|
|
|
|
plugins.folders = plugins.src.reduce((acc, current) => {
|
|
acc[current] = path.resolve(
|
|
appPath,
|
|
'plugins',
|
|
current,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'lib',
|
|
'src',
|
|
);
|
|
|
|
return acc;
|
|
}, {});
|
|
}
|
|
|
|
const port = argv.port || process.env.PORT || 3000;
|
|
|
|
module.exports = require('./webpack.base.babel')({
|
|
// Add hot reloading in development
|
|
entry: Object.assign(
|
|
{
|
|
main: [
|
|
`webpack-hot-middleware/client?path=http://localhost:${port}/__webpack_hmr`,
|
|
path.join(appPath, 'admin', 'admin', 'src', 'app.js'),
|
|
],
|
|
},
|
|
plugins.src.reduce((acc, current) => {
|
|
acc[current] = path.resolve(plugins.folders[current], 'app.js');
|
|
|
|
return acc;
|
|
}, {}),
|
|
),
|
|
|
|
// Don't use hashes in dev mode for better performance
|
|
output: {
|
|
filename: '[name].js',
|
|
chunkFilename: '[name].chunk.js',
|
|
publicPath: `http://127.0.0.1:${port}/`,
|
|
},
|
|
|
|
// Add development plugins
|
|
plugins: [
|
|
new webpack.HotModuleReplacementPlugin(), // Tell webpack we want hot reloading
|
|
new webpack.optimize.CommonsChunkPlugin({
|
|
name: 'common',
|
|
minChunks: 2,
|
|
}),
|
|
new LodashModuleReplacementPlugin(),
|
|
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
|
new HtmlWebpackPlugin({
|
|
favicon: 'admin/src/favicon.ico',
|
|
inject: true, // Inject all files that are generated by webpack, e.g. bundle.js
|
|
templateContent: templateContent(), // eslint-disable-line no-use-before-define
|
|
chunksSortMode: 'auto',
|
|
}),
|
|
// new BundleAnalyzerPlugin(),
|
|
], // eslint-disable-line no-use-before-define,
|
|
|
|
// Process the CSS with PostCSS
|
|
postcssPlugins: [
|
|
postcssFocus(), // Add a :focus to every :hover
|
|
cssnext({
|
|
// Allow future CSS features to be used, also auto-prefixes the CSS...
|
|
browsers: ['last 2 versions', 'IE > 10'], // ...based on this browser list
|
|
}),
|
|
postcssReporter({
|
|
// Posts messages from plugins to the terminal
|
|
clearMessages: true,
|
|
}),
|
|
],
|
|
|
|
// Tell babel that we want presets and to hot-reload
|
|
babelPresets: [
|
|
[
|
|
require.resolve('babel-preset-env'),
|
|
{
|
|
es2015: {
|
|
modules: false,
|
|
},
|
|
},
|
|
],
|
|
require.resolve('babel-preset-react'),
|
|
require.resolve('babel-preset-stage-0'),
|
|
require.resolve('babel-preset-react-hmre'),
|
|
],
|
|
alias: {
|
|
moment: 'moment/moment.js',
|
|
'babel-polyfill': path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'babel-polyfill',
|
|
),
|
|
lodash: path.resolve(rootAdminpath, 'node_modules', 'strapi-helper-plugin', 'node_modules', 'lodash'),
|
|
immutable: path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'immutable',
|
|
),
|
|
'react-intl': path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'react-intl',
|
|
),
|
|
react: path.resolve(rootAdminpath, 'node_modules', 'strapi-helper-plugin', 'node_modules', 'react'),
|
|
'react-dom': path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'react-dom',
|
|
),
|
|
'react-transition-group': path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'react-transition-group',
|
|
),
|
|
reactstrap: path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'reactstrap',
|
|
),
|
|
'styled-components': path.resolve(
|
|
rootAdminpath,
|
|
'node_modules',
|
|
'strapi-helper-plugin',
|
|
'node_modules',
|
|
'styled-components',
|
|
),
|
|
},
|
|
|
|
// Emit a source map for easier debugging
|
|
devtool: 'cheap-module-source-map',
|
|
});
|
|
|
|
/**
|
|
* We dynamically generate the HTML content in development so that the different
|
|
* DLL Javascript files are loaded in script tags and available to our application.
|
|
*/
|
|
function templateContent() {
|
|
const html = fs.readFileSync(path.resolve(appPath, 'admin', 'admin', 'src', 'index.html')).toString();
|
|
|
|
return html;
|
|
}
|