build: expose compiler-sfc and server-renderer under main vue package + optimize package size

packages/compiler-core/package.json

@@ -34,8 +34,10 @@
   "dependencies": {
     "@vue/shared": "3.2.12",
     "@babel/parser": "^7.15.0",
-    "@babel/types": "^7.15.0",
     "estree-walker": "^2.0.2",
     "source-map": "^0.6.1"
+  },
+  "devDependencies": {
+    "@babel/types": "^7.15.0"
   }
 }

packages/compiler-sfc/package.json

@@ -33,28 +33,27 @@
   "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.15.0",
-    "@types/estree": "^0.0.48",
     "@vue/compiler-core": "3.2.12",
     "@vue/compiler-dom": "3.2.12",
     "@vue/compiler-ssr": "3.2.12",
     "@vue/ref-transform": "3.2.12",
     "@vue/shared": "3.2.12",
-    "consolidate": "^0.16.0",
     "estree-walker": "^2.0.2",
-    "hash-sum": "^2.0.0",
-    "lru-cache": "^5.1.1",
     "magic-string": "^0.25.7",
-    "merge-source-map": "^1.1.0",
-    "postcss": "^8.1.10",
-    "postcss-modules": "^4.0.0",
-    "postcss-selector-parser": "^6.0.4",
-    "source-map": "^0.6.1"
+    "source-map": "^0.6.1",
+    "postcss": "^8.1.10"
   },
   "devDependencies": {
+    "@types/estree": "^0.0.48",
     "@babel/types": "^7.15.0",
-    "@types/consolidate": "^0.14.0",
     "@types/lru-cache": "^5.1.0",
     "pug": "^3.0.1",
-    "sass": "^1.26.9"
+    "sass": "^1.26.9",
+    "@vue/consolidate": "^0.17.2",
+    "hash-sum": "^2.0.0",
+    "lru-cache": "^5.1.1",
+    "merge-source-map": "^1.1.0",
+    "postcss-modules": "^4.0.0",
+    "postcss-selector-parser": "^6.0.4"
   }
 }

packages/compiler-sfc/src/cache.ts

@@ -1,5 +1,7 @@
+import LRU from 'lru-cache'
+
 export function createCache<T>(size = 500) {
   return __GLOBAL__ || __ESM_BROWSER__
     ? new Map<string, T>()
-    : (new (require('lru-cache'))(size) as Map<string, T>)
+    : (new LRU(size) as any as Map<string, T>)
 }

packages/compiler-sfc/src/compileStyle.ts

@@ -15,6 +15,7 @@ import {
 } from './stylePreprocessors'
 import { RawSourceMap } from 'source-map'
 import { cssVarsPlugin } from './cssVars'
+import postcssModules from 'postcss-modules'
 
 export interface SFCStyleCompileOptions {
   source: string
@@ -47,7 +48,7 @@ export interface CSSModulesOptions {
   hashPrefix?: string
   localsConvention?: 'camelCase' | 'camelCaseOnly' | 'dashes' | 'dashesOnly'
   exportGlobals?: boolean
-  globalModulePaths?: string[]
+  globalModulePaths?: RegExp[]
 }
 
 export interface SFCAsyncStyleCompileOptions extends SFCStyleCompileOptions {
@@ -131,7 +132,7 @@ export function doCompileStyle(
       )
     }
     plugins.push(
-      require('postcss-modules')({
+      postcssModules({
         ...modulesOptions,
         getJSON: (_cssFileName: string, json: Record<string, string>) => {
           cssModules = json

packages/compiler-sfc/src/compileTemplate.ts

@@ -21,7 +21,7 @@ import {
 import { generateCodeFrame, isObject } from '@vue/shared'
 import * as CompilerDOM from '@vue/compiler-dom'
 import * as CompilerSSR from '@vue/compiler-ssr'
-import consolidate from 'consolidate'
+import consolidate from '@vue/consolidate'
 import { warnOnce } from './warn'
 import { genCssVarsFromList } from './cssVars'
 
@@ -121,7 +121,7 @@ export function compileTemplate(
       ? preprocessCustomRequire(preprocessLang)
       : __ESM_BROWSER__
       ? undefined
-      : require('consolidate')[preprocessLang as keyof typeof consolidate]
+      : consolidate[preprocessLang as keyof typeof consolidate]
     : false
   if (preprocessor) {
     try {

packages/vue/compiler-sfc/index.d.ts

@@ -0,0 +1 @@
+export * from '@vue/compiler-sfc'

packages/vue/compiler-sfc/index.js

@@ -0,0 +1 @@
+module.exports = require('@vue/compiler-sfc')

packages/vue/compiler-sfc/index.mjs

@@ -0,0 +1 @@
+export * from '@vue/compiler-sfc'

packages/vue/compiler-sfc/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "index.js",
+  "module": "index.mjs",
+  "types": "index.d.ts"
+}

packages/vue/package.json

@@ -10,6 +10,8 @@
   "files": [
     "index.js",
     "dist",
+    "compiler-sfc",
+    "server-renderer",
     "ref-macros.d.ts"
   ],
   "buildOptions": {
@@ -40,11 +42,8 @@
   "dependencies": {
     "@vue/shared": "3.2.12",
     "@vue/compiler-dom": "3.2.12",
-    "@vue/runtime-dom": "3.2.12"
-  },
-  "devDependencies": {
-    "lodash": "^4.17.15",
-    "marked": "^0.7.0",
-    "todomvc-app-css": "^2.3.0"
+    "@vue/runtime-dom": "3.2.12",
+    "@vue/compiler-sfc": "3.2.12",
+    "@vue/server-renderer": "3.2.12"
   }
 }

packages/vue/server-renderer/index.d.ts

@@ -0,0 +1 @@
+export * from '@vue/server-renderer'

packages/vue/server-renderer/index.js

@@ -0,0 +1 @@
+module.exports = require('@vue/server-renderer')

packages/vue/server-renderer/index.mjs

@@ -0,0 +1 @@
+export * from '@vue/server-renderer'

packages/vue/server-renderer/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "index.js",
+  "module": "index.mjs",
+  "types": "index.d.ts"
+}