webpack 5 prepare

Author: wclr

app/app.ts

@@ -5,13 +5,13 @@ import { Main } from './Main'
 let dispose: any
 setTimeout(() => {
   dispose = run(Main, {
-    DOM: makeDOMDriver('body')
+    DOM: makeDOMDriver('body'),
   })
 })
 
 if ((<any>module).hot) {
-  (<any>module).hot.accept();
-  (<any>module).hot.dispose(() => {
+  ;(<any>module).hot.accept()
+  ;(<any>module).hot.dispose(() => {
     dispose()
     document.body.innerHTML = ''
   })

package.json

@@ -4,8 +4,7 @@
   "description": "Frictionless language packs for Webpack.",
   "prettier": {
     "semi": false,
-    "singleQuote": true,
-    "arrowParens": "avoid"
+    "singleQuote": true
   },
   "keywords": [
     "i18n",
@@ -22,11 +21,12 @@
     "wp4-build": "ts-node-dev --respawn webpack4/build",
     "wp4-watch": "h --n lp-loader-wp4 -- ts-node-dev webpack4/watch",
     "wp4-wds": "ts-node-dev webpack4/wds",
-    "wp5-build": "ts-node-dev webpack5/build",
-    "wp5-watch": "h --n lp-loader-wp5 -- ts-node-dev webpack4/watch",
-    "wp5-wds": "h --n lp-loader-wp5-wds -- ts-node-dev webpack4/wds",
+    "wp5-build": "ts-node-dev --respawn webpack5/build",
+    "wp5-watch": "ts-node-dev webpack5/watch",
+    "wp5-wds": "ts-node-dev webpack5/wds",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "tsc"
+    "build": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "yarn build"
   },
   "author": "whitecolor",
   "files": [

src/lp-loader.ts

@@ -55,7 +55,7 @@ type Module = {
   debugId: number
   context: string
   userRequest: string
-  reasons: Reason[]
+  reasons: Reason[] // only in webpack4
 }
 
 interface Dependency {

tsconfig.build.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "outDir": "./lib",
+    "noEmit": false
+  },
+  "include": ["src/*"]
+}

tsconfig.json

@@ -6,14 +6,14 @@
     "noImplicitAny": true,
     "noImplicitThis": true,
     "noImplicitReturns": true,
+    "esModuleInterop": true,
     "noFallthroughCasesInSwitch": true,
-    "outDir": "./lib",
     "declaration": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "newLine": "LF",
     "skipLibCheck": true,
-    "noEmit": false,
+    "noEmit": true,
     "baseUrl": ".",
     "paths": {
       "lp-loader": ["src/lp-loader.ts"]
@@ -22,7 +22,5 @@
   "formatCodeOptions": {
     "indentSize": 2,
     "tabSize": 2
-  },
-  "include": ["src/*"],
-  "exclude": ["**/node_modules"]
+  }
 }

webpack4/package.json

@@ -10,5 +10,8 @@
     "ts-loader": "^5.3.0",
     "webpack": "^4.25.1",
     "webpack-dev-server": "^3.1.10"
+  },
+  "devDependencies": {
+    "webpack-cli": "^3.3.12"
   }
 }

webpack4/webpack.config.ts

@@ -4,7 +4,7 @@ import * as path from 'path'
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const CleanWebpackPlugin = require('clean-webpack-plugin')
 import { LoaderOptions } from '../src/lp-loader'
-export const makeConfig = (isProduction = false) => {
+export const makeConfig = (isProduction = false) => {  
   const isDevelopment = !isProduction
 
   process.env.LP_DEBUG = 'true'