Merge pull request #3300 from strapi/tech/webpack-dev

Add strapi-admin dev script

packages/strapi-admin/admin/src/plugins.js

@@ -1,2 +1,33 @@
-// empty plugins array for testing
-export default {};
+const injectReducer = require('./utils/injectReducer').default;
+const injectSaga = require('./utils/injectSaga').default;
+const { languages } = require('./i18n');
+
+window.strapi = Object.assign(window.strapi || {}, {
+  node: MODE || 'host',
+  backendURL: BACKEND_URL === '/' ? window.location.origin : BACKEND_URL,
+  languages,
+  currentLanguage:
+    window.localStorage.getItem('strapi-admin-language') ||
+    window.navigator.language ||
+    window.navigator.userLanguage ||
+    'en',
+  injectReducer,
+  injectSaga,
+});
+
+module.exports = {
+  'strapi-plugin-users-permissions': require('../../../strapi-plugin-users-permissions/admin/src')
+    .default,
+  'strapi-plugin-content-manager': require('../../../strapi-plugin-content-manager/admin/src')
+    .default,
+  'strapi-plugin-content-type-builder': require('../../../strapi-plugin-content-type-builder/admin/src')
+    .default,
+  'strapi-plugin-documentation': require('../../../strapi-plugin-documentation/admin/src')
+    .default,
+  'strapi-plugin-settings-manager': require('../../../strapi-plugin-settings-manager/admin/src')
+    .default,
+  'strapi-plugin-email': require('../../../strapi-plugin-email/admin/src')
+    .default,
+  'strapi-plugin-upload': require('../../../strapi-plugin-upload/admin/src')
+    .default,
+};

packages/strapi-admin/index.js

@@ -151,4 +151,5 @@ async function build({ dir, env, options }) {
 
 module.exports = {
   build,
+  createPluginsJs,
 };

packages/strapi-admin/package.json

@@ -7,7 +7,8 @@
     "url": "git://github.com/strapi/strapi-admin.git"
   },
   "scripts": {
-    "test": "echo \"no tests yet\""
+    "test": "echo \"no tests yet\"",
+    "dev": "webpack-dev-server --config webpack.config.dev.js"
   },
   "main": "index.js",
   "dependencies": {
@@ -98,5 +99,9 @@
     "npm": ">= 6.0.0"
   },
   "license": "MIT",
-  "gitHead": "c85658a19b8fef0f3164c19693a45db305dc07a9"
+  "gitHead": "c85658a19b8fef0f3164c19693a45db305dc07a9",
+  "devDependencies": {
+    "webpack-cli": "^3.3.2",
+    "webpack-dev-server": "^3.4.1"
+  }
 }

packages/strapi-admin/webpack.config.dev.js

@@ -0,0 +1,32 @@
+const path = require('path');
+const webpackConfig = require('./webpack.config.js');
+
+module.exports = () => {
+  const entry = path.join(__dirname, 'admin', 'src', 'app.js');
+  const dest = path.join(__dirname, 'build');
+  const env = 'development';
+  const options = {
+    backend: 'http://localhost:1337',
+    publicPath: '/admin/',
+  };
+
+  const args = {
+    entry,
+    dest,
+    env,
+    options,
+  };
+
+  return {
+    ...webpackConfig(args),
+    devServer: {
+      port: 4000,
+      clientLogLevel: 'none',
+      hot: true,
+      quiet: true,
+      historyApiFallback: {
+        index: '/admin/',
+      },
+    },
+  };
+};

packages/strapi-admin/webpack.config.js

@@ -67,10 +67,10 @@ module.exports = ({
       publicPath: options.publicPath,
       // Utilize long-term caching by adding content hashes (not compilation hashes)
       // to compiled assets for production
-      filename: isProduction ? '[name].js' : '[name].[chunkhash].js',
+      filename: isProduction ? '[name].[contenthash:8].js' : 'bundle.js',
       chunkFilename: isProduction
-        ? '[name].chunk.js'
-        : '[name].[chunkhash].chunk.js',
+        ? '[name].[contenthash:8].chunk.js'
+        : '[name].chunk.js',
     },
     optimization: {
       minimize: isProduction,