add minimal config to create dist for npm package

.gitignore

@@ -8,6 +8,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

config/webpack.config.dist.js

@@ -0,0 +1,38 @@
+const path = require('path');
+const pkg = require('../package.json');
+// const nodeExternals = require('webpack-node-externals');
+
+module.exports = {
+  entry:  path.resolve(__dirname, '../src/index.js'),
+  output: {
+    path:          path.resolve(__dirname, '../dist'),
+    filename:      'index.js',
+    library:       '',
+    libraryTarget: 'commonjs'
+  },
+  resolve: {
+    modules:    ['node_modules', 'src'],
+    extensions: ['.js', '.jsx']
+  },
+  // externals: [nodeExternals()],
+  module: {
+    rules: [
+      {
+        test:    /\.(js|jsx)$/,
+        exclude: /(node_modules)/,
+        loader:  'babel-loader'
+      },
+      {
+        test: /\.css$/,
+        use:  ['style-loader', 'css-loader']
+      },
+      {
+        loader:  require.resolve('file-loader'),
+        exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.css$/],
+        options: {
+          name: 'assets/[name].[ext]'
+        }
+      }
+    ]
+  }
+};

package.json

@@ -1,9 +1,14 @@
 {
-  "name": "portal-components",
+  "name": "@deskpro/portal-components",
   "version": "0.1.0",
   "description": "Deskpro Portal Components",
   "private": false,
   "homepage": "https://deskpro.github.io/portal-components",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@deskpro/js-utils": "^1.0.4",
     "@deskpro/react-datepicker-hijri": "^1.5.0",
@@ -30,13 +35,15 @@
   "scripts": {
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
+    "dist": "rm -rf ./dist && NODE_ENV=production webpack --config config/webpack.config.dist.js",
     "lint": "eslint . --cache --cache-location=.cache/eslint --ext .js,.jsx",
     "test": "node scripts/test.js --env=jsdom",
     "travis-test": "npm run test -- --coverage && cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",
     "storybook": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -c .storybook -o .site",
     "deploy-storybook": "storybook-to-ghpages",
-    "precommit": "lint-staged"
+    "precommit": "lint-staged",
+    "prepublish": "npm run dist"
   },
   "repository": {
     "type": "git",

src/Components/index.js

@@ -26,6 +26,8 @@ import Row from './Row';
 import Submit from './Submit';
 import TicketForm from './TicketForm';
 
+import FieldLayout from './FieldLayout';
+
 export {
   Checkboxes,
   DropDown,
@@ -53,6 +55,8 @@ export {
   Form,
   Row,
   Submit,
-  TicketForm
+  TicketForm,
+
+  FieldLayout
 };
 

src/index.js

@@ -1 +1,2 @@
-import 'Components';
+export * from './Components';
+export * from './layouts/Layout';