@modern-js/core 1.0.0 → 1.1.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @modern-js/core
 
+## 1.1.2
+
+### Patch Changes
+
+- 6f7fe574: modern-js/core support extra options
+- 0fa83663: support more .env files
+- Updated dependencies [0fa83663]
+- Updated dependencies [f594fbc8]
+  - @modern-js/load-config@1.1.1
+  - @modern-js/plugin@1.1.2
+  - @modern-js/utils@1.1.2
+
+## 1.1.1
+
+### Patch Changes
+
+- 687c92c7: refactor: generator input questions
+  feat: add eslint generator
+- Updated dependencies [c0fc0700]
+- Updated dependencies [6ffd1a50]
+  - @modern-js/utils@1.1.1
+  - @modern-js/plugin@1.1.1
+
+## 1.1.0
+
+### Minor Changes
+
+- 96119db2: Relese v1.1.0### Patch Changes
+
+- Updated dependencies [96119db2]
+  - @modern-js/load-config@1.1.0
+  - @modern-js/plugin@1.1.0
+  - @modern-js/utils@1.1.0
+
 ## 1.0.0
 
 ### Patch Changes

package/README.md

@@ -17,10 +17,7 @@
 
 > The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.
 
-- 介绍 Modern.js (即将上线)
-- [迈入现代 Web 开发](https://zhuanlan.zhihu.com/p/386607009)
-- [现代 Web 开发者问卷调查报告](https://zhuanlan.zhihu.com/p/403206195)
-- [字节跳动是如何落地微前端的](https://mp.weixin.qq.com/s/L9wbfNG5fTXF5bx7dcgj4Q)
+- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)
 
 ## Getting Started
 

package/dist/js/modern/config/index.js

@@ -18,6 +18,7 @@ import { mergeConfig } from "./mergeConfig";
 import { patchSchema } from "./schema";
 const debug = createDebugger('resolve-config');
 export { defaults as defaultsConfig };
+export { mergeConfig };
 export const defineConfig = config => config;
 export const loadUserConfig = async (appDirectory, filePath) => {
   const loaded = await loadConfig(appDirectory, filePath);

package/dist/js/modern/context.js

@@ -1,4 +1,4 @@
-import { path } from '@modern-js/utils';
+import path from 'path';
 import { createContext } from '@modern-js/plugin';
 import address from 'address';
 export const AppContext = createContext({});

package/dist/js/modern/index.js

@@ -4,7 +4,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { path, upath, compatRequire, pkgUp, ensureAbsolutePath, logger } from '@modern-js/utils';
+import path from 'path';
+import { compatRequire, pkgUp, ensureAbsolutePath, logger } from '@modern-js/utils';
 import { createAsyncManager, createAsyncWorkflow, createParallelWorkflow } from '@modern-js/plugin';
 import { enable } from '@modern-js/plugin/node';
 import { program } from "./utils/commander";
@@ -13,7 +14,7 @@ import { loadPlugins } from "./loadPlugins";
 import { AppContext, ConfigContext, initAppContext, ResolvedConfigContext, useAppContext, useConfigContext, useResolvedConfigContext } from "./context";
 import { initWatcher } from "./initWatcher";
 import { loadEnv } from "./loadEnv";
-export { defaultsConfig } from "./config";
+export { defaultsConfig, mergeConfig } from "./config";
 export * from '@modern-js/plugin';
 export * from '@modern-js/plugin/node';
 program.name('modern').usage('<command> [options]').version(process.env.MODERN_JS_VERSION || '0.1.0');
@@ -34,7 +35,7 @@ export const {
   registe: registerHook,
   useRunner: mountHook
 } = manager;
-export const usePlugins = plugins => plugins.forEach(plugin => manager.usePlugin(compatRequire(upath.normalize(require.resolve(plugin)))));
+export const usePlugins = plugins => plugins.forEach(plugin => manager.usePlugin(compatRequire(require.resolve(plugin))));
 export { defineConfig, AppContext, useAppContext, useConfigContext, useResolvedConfigContext };
 
 const initAppDir = async () => {
@@ -53,13 +54,18 @@ const createCli = () => {
   let hooksRunner;
   let isRestart = false;
 
-  const init = async (argv = []) => {
+  const init = async (argv = [], options) => {
     enable();
     manager.clear();
     const appDirectory = await initAppDir();
     loadEnv(appDirectory);
     const loaded = await loadUserConfig(appDirectory);
-    const plugins = loadPlugins(appDirectory, loaded.config.plugins || []);
+    let plugins = loadPlugins(appDirectory, loaded.config.plugins || []);
+
+    if (options !== null && options !== void 0 && options.beforeUsePlugins) {
+      plugins = options.beforeUsePlugins(plugins, loaded.config);
+    }
+
     plugins.forEach(plugin => plugin.cli && manager.usePlugin(plugin.cli));
     const appContext = initAppContext(appDirectory, plugins, loaded.filePath);
     manager.run(() => {
@@ -101,12 +107,12 @@ const createCli = () => {
     };
   };
 
-  async function run(argv) {
+  async function run(argv, options) {
     const {
       loadedConfig,
       appContext,
       resolved
-    } = await init(argv);
+    } = await init(argv, options);
     await hooksRunner.commands({
       program
     });

package/dist/js/modern/initWatcher.js

@@ -1,6 +1,7 @@
 import crypto from 'crypto';
 import fs from 'fs';
-import { path, isDev, createDebugger } from '@modern-js/utils';
+import path from 'path';
+import { isDev, createDebugger } from '@modern-js/utils';
 import chokidar from 'chokidar';
 const debug = createDebugger('watch-files');
 

package/dist/js/modern/loadEnv.js

@@ -1,9 +1,11 @@
 import fs from 'fs';
-import { path } from '@modern-js/utils';
+import path from 'path';
 import dotenv from 'dotenv';
 import dotenvExpand from 'dotenv-expand';
 export const loadEnv = (appDirectory, mode = process.env.NODE_ENV) => {
-  [`.env.${mode}`, '.env'].map(name => path.resolve(appDirectory, name)).filter(filePath => fs.existsSync(filePath) && !fs.statSync(filePath).isDirectory()).forEach(filePath => {
+  // Don't change the order of the filenames， since they are ordered by the priority.
+  // Files on the left have more priority than files on the right.
+  [`.env.${mode}.local`, '.env.local', `.env.${mode}`, '.env'].map(name => path.resolve(appDirectory, name)).filter(filePath => fs.existsSync(filePath) && !fs.statSync(filePath).isDirectory()).forEach(filePath => {
     const envConfig = dotenv.config({
       path: filePath
     });

package/dist/js/modern/loadPlugins.js

@@ -1,4 +1,4 @@
-import { isDepExists, createDebugger, compatRequire, INTERNAL_PLUGINS, upath } from '@modern-js/utils';
+import { isDepExists, createDebugger, compatRequire, INTERNAL_PLUGINS } from '@modern-js/utils';
 const debug = createDebugger('load-plugins');
 
 /**
@@ -12,9 +12,9 @@ const resolvePlugin = (appDirectory, plugin) => {
     let filePath = '';
 
     try {
-      filePath = upath.normalizeSafe(require.resolve(name, {
+      filePath = require.resolve(name, {
         paths: [appDirectory]
-      }));
+      });
       delete require.cache[filePath];
     } catch (err) {
       if (err.code === 'MODULE_NOT_FOUND') {
@@ -29,8 +29,8 @@ const resolvePlugin = (appDirectory, plugin) => {
 
   const resolved = {};
 
-  if (plugin.cli) {
-    resolved.cli = tryResolve(plugin.cli);
+  if (typeof plugin === 'string' || plugin.cli) {
+    resolved.cli = typeof plugin === 'string' ? tryResolve(plugin) : tryResolve(plugin.cli);
   }
 
   if (plugin.server) {
@@ -47,8 +47,8 @@ const resolvePlugin = (appDirectory, plugin) => {
  */
 
 
-export const loadPlugins = (appDirectory, pluginConfig) => {
-  const plugins = [...Object.keys(INTERNAL_PLUGINS).filter(name => isDepExists(appDirectory, name)).map(name => INTERNAL_PLUGINS[name]), ...pluginConfig];
+export const loadPlugins = (appDirectory, pluginConfig, internalPlugins) => {
+  const plugins = [...Object.keys(internalPlugins || INTERNAL_PLUGINS).filter(name => isDepExists(appDirectory, name)).map(name => (internalPlugins || INTERNAL_PLUGINS)[name]), ...pluginConfig];
   return plugins.map(plugin => {
     const {
       cli,

package/dist/js/node/config/index.js

@@ -9,7 +9,14 @@ Object.defineProperty(exports, "defaultsConfig", {
     return _defaults.defaults;
   }
 });
-exports.resolveConfig = exports.loadUserConfig = exports.defineConfig = void 0;
+exports.loadUserConfig = exports.defineConfig = void 0;
+Object.defineProperty(exports, "mergeConfig", {
+  enumerable: true,
+  get: function () {
+    return _mergeConfig.mergeConfig;
+  }
+});
+exports.resolveConfig = void 0;
 
 var _loadConfig = require("@modern-js/load-config");
 

package/dist/js/node/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useResolvedConfigContext = exports.useConfigContext = exports.useAppContext = exports.initAppContext = exports.ResolvedConfigContext = exports.ConfigContext = exports.AppContext = void 0;
 
-var _utils = require("@modern-js/utils");
+var _path = _interopRequireDefault(require("path"));
 
 var _plugin = require("@modern-js/plugin");
 
@@ -37,12 +37,12 @@ const initAppContext = (appDirectory, plugins, configFile) => ({
   configFile,
   ip: _address.default.ip(),
   port: 0,
-  packageName: require(_utils.path.resolve(appDirectory, './package.json')).name,
-  srcDirectory: _utils.path.resolve(appDirectory, './src'),
+  packageName: require(_path.default.resolve(appDirectory, './package.json')).name,
+  srcDirectory: _path.default.resolve(appDirectory, './src'),
   distDirectory: '',
-  sharedDirectory: _utils.path.resolve(appDirectory, './shared'),
-  nodeModulesDirectory: _utils.path.resolve(appDirectory, './node_modules'),
-  internalDirectory: _utils.path.resolve(appDirectory, './node_modules/.modern-js'),
+  sharedDirectory: _path.default.resolve(appDirectory, './shared'),
+  nodeModulesDirectory: _path.default.resolve(appDirectory, './node_modules'),
+  internalDirectory: _path.default.resolve(appDirectory, './node_modules/.modern-js'),
   plugins,
   htmlTemplates: {},
   serverRoutes: [],

package/dist/js/node/index.js

@@ -12,6 +12,7 @@ var _exportNames = {
   cli: true,
   defineConfig: true,
   defaultsConfig: true,
+  mergeConfig: true,
   AppContext: true,
   useAppContext: true,
   useConfigContext: true,
@@ -36,7 +37,14 @@ Object.defineProperty(exports, "defineConfig", {
     return _config.defineConfig;
   }
 });
-exports.registerHook = exports.mountHook = exports.manager = void 0;
+exports.manager = void 0;
+Object.defineProperty(exports, "mergeConfig", {
+  enumerable: true,
+  get: function () {
+    return _config.mergeConfig;
+  }
+});
+exports.registerHook = exports.mountHook = void 0;
 Object.defineProperty(exports, "useAppContext", {
   enumerable: true,
   get: function () {
@@ -57,6 +65,8 @@ Object.defineProperty(exports, "useResolvedConfigContext", {
   }
 });
 
+var _path = _interopRequireDefault(require("path"));
+
 var _utils = require("@modern-js/utils");
 
 var _plugin = require("@modern-js/plugin");
@@ -99,6 +109,8 @@ var _initWatcher = require("./initWatcher");
 
 var _loadEnv = require("./loadEnv");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -129,7 +141,7 @@ exports.mountHook = mountHook;
 exports.registerHook = registerHook;
 exports.createPlugin = createPlugin;
 
-const usePlugins = plugins => plugins.forEach(plugin => manager.usePlugin((0, _utils.compatRequire)(_utils.upath.normalize(require.resolve(plugin)))));
+const usePlugins = plugins => plugins.forEach(plugin => manager.usePlugin((0, _utils.compatRequire)(require.resolve(plugin))));
 
 exports.usePlugins = usePlugins;
 
@@ -142,20 +154,25 @@ const initAppDir = async () => {
     throw new Error(`no package.json found in current work dir: ${process.cwd()}`);
   }
 
-  return _utils.path.dirname(pkg);
+  return _path.default.dirname(pkg);
 };
 
 const createCli = () => {
   let hooksRunner;
   let isRestart = false;
 
-  const init = async (argv = []) => {
+  const init = async (argv = [], options) => {
     (0, _node.enable)();
     manager.clear();
     const appDirectory = await initAppDir();
     (0, _loadEnv.loadEnv)(appDirectory);
     const loaded = await (0, _config.loadUserConfig)(appDirectory);
-    const plugins = (0, _loadPlugins.loadPlugins)(appDirectory, loaded.config.plugins || []);
+    let plugins = (0, _loadPlugins.loadPlugins)(appDirectory, loaded.config.plugins || []);
+
+    if (options !== null && options !== void 0 && options.beforeUsePlugins) {
+      plugins = options.beforeUsePlugins(plugins, loaded.config);
+    }
+
     plugins.forEach(plugin => plugin.cli && manager.usePlugin(plugin.cli));
     const appContext = (0, _context.initAppContext)(appDirectory, plugins, loaded.filePath);
     manager.run(() => {
@@ -200,12 +217,12 @@ const createCli = () => {
     };
   };
 
-  async function run(argv) {
+  async function run(argv, options) {
     const {
       loadedConfig,
       appContext,
       resolved
-    } = await init(argv);
+    } = await init(argv, options);
     await hooksRunner.commands({
       program: _commander.program
     });

package/dist/js/node/initWatcher.js

@@ -9,6 +9,8 @@ var _crypto = _interopRequireDefault(require("crypto"));
 
 var _fs = _interopRequireDefault(require("fs"));
 
+var _path = _interopRequireDefault(require("path"));
+
 var _utils = require("@modern-js/utils");
 
 var _chokidar = _interopRequireDefault(require("chokidar"));
@@ -26,7 +28,7 @@ const initWatcher = async (loaded, appDirectory, configDir, hooksRunner, argv) =
   if ((0, _utils.isDev)() && argv[0] === 'dev') {
     const extraFiles = await hooksRunner.watchFiles();
 
-    const configPath = _utils.path.join(appDirectory, configDir);
+    const configPath = _path.default.join(appDirectory, configDir);
 
     const watched = [`${configPath}/html`, ...extraFiles, loaded === null || loaded === void 0 ? void 0 : loaded.filePath, ...loaded.dependencies].filter(Boolean);
     debug(`watched: %o`, watched);
@@ -39,7 +41,7 @@ const initWatcher = async (loaded, appDirectory, configDir, hooksRunner, argv) =
 
     watcher.on('change', changed => {
       const lastHash = hashMap.get(changed);
-      const currentHash = md5(_fs.default.readFileSync(_utils.path.join(appDirectory, changed), 'utf8'));
+      const currentHash = md5(_fs.default.readFileSync(_path.default.join(appDirectory, changed), 'utf8'));
 
       if (currentHash !== lastHash) {
         debug(`file change: %s`, changed);

package/dist/js/node/loadEnv.js

@@ -7,7 +7,7 @@ exports.loadEnv = void 0;
 
 var _fs = _interopRequireDefault(require("fs"));
 
-var _utils = require("@modern-js/utils");
+var _path = _interopRequireDefault(require("path"));
 
 var _dotenv = _interopRequireDefault(require("dotenv"));
 
@@ -16,7 +16,9 @@ var _dotenvExpand = _interopRequireDefault(require("dotenv-expand"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const loadEnv = (appDirectory, mode = process.env.NODE_ENV) => {
-  [`.env.${mode}`, '.env'].map(name => _utils.path.resolve(appDirectory, name)).filter(filePath => _fs.default.existsSync(filePath) && !_fs.default.statSync(filePath).isDirectory()).forEach(filePath => {
+  // Don't change the order of the filenames， since they are ordered by the priority.
+  // Files on the left have more priority than files on the right.
+  [`.env.${mode}.local`, '.env.local', `.env.${mode}`, '.env'].map(name => _path.default.resolve(appDirectory, name)).filter(filePath => _fs.default.existsSync(filePath) && !_fs.default.statSync(filePath).isDirectory()).forEach(filePath => {
     const envConfig = _dotenv.default.config({
       path: filePath
     });

package/dist/js/node/loadPlugins.js

@@ -20,9 +20,9 @@ const resolvePlugin = (appDirectory, plugin) => {
     let filePath = '';
 
     try {
-      filePath = _utils.upath.normalizeSafe(require.resolve(name, {
+      filePath = require.resolve(name, {
         paths: [appDirectory]
-      }));
+      });
       delete require.cache[filePath];
     } catch (err) {
       if (err.code === 'MODULE_NOT_FOUND') {
@@ -37,8 +37,8 @@ const resolvePlugin = (appDirectory, plugin) => {
 
   const resolved = {};
 
-  if (plugin.cli) {
-    resolved.cli = tryResolve(plugin.cli);
+  if (typeof plugin === 'string' || plugin.cli) {
+    resolved.cli = typeof plugin === 'string' ? tryResolve(plugin) : tryResolve(plugin.cli);
   }
 
   if (plugin.server) {
@@ -55,8 +55,8 @@ const resolvePlugin = (appDirectory, plugin) => {
  */
 
 
-const loadPlugins = (appDirectory, pluginConfig) => {
-  const plugins = [...Object.keys(_utils.INTERNAL_PLUGINS).filter(name => (0, _utils.isDepExists)(appDirectory, name)).map(name => _utils.INTERNAL_PLUGINS[name]), ...pluginConfig];
+const loadPlugins = (appDirectory, pluginConfig, internalPlugins) => {
+  const plugins = [...Object.keys(internalPlugins || _utils.INTERNAL_PLUGINS).filter(name => (0, _utils.isDepExists)(appDirectory, name)).map(name => (internalPlugins || _utils.INTERNAL_PLUGINS)[name]), ...pluginConfig];
   return plugins.map(plugin => {
     const {
       cli,

package/dist/types/config/index.d.ts

@@ -1,9 +1,10 @@
 import { MetaOptions } from '@modern-js/utils';
 import { PluginConfig } from '../loadPlugins';
 import { defaults } from './defaults';
-import { NormalizedConfig } from './mergeConfig';
+import { mergeConfig, NormalizedConfig } from './mergeConfig';
 import { PluginValidateSchema } from './schema';
 export { defaults as defaultsConfig };
+export { mergeConfig };
 export interface SourceConfig {
   entries?: Record<string, string | {
     entry: string;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { INTERNAL_PLUGINS } from '@modern-js/utils';
 import { ParallelWorkflow, AsyncWorkflow, Progresses2Runners } from '@modern-js/plugin';
 import type { Hooks } from '@modern-js/types';
 import { Command } from './utils/commander';
@@ -5,7 +6,7 @@ import { defineConfig, UserConfig, ToolsConfig } from './config';
 import { AppContext, IAppContext, useAppContext, useConfigContext, useResolvedConfigContext } from './context';
 import { NormalizedConfig } from './config/mergeConfig';
 export type { Hooks };
-export { defaultsConfig } from './config';
+export { defaultsConfig, mergeConfig } from './config';
 export * from '@modern-js/plugin';
 export * from '@modern-js/plugin/node';
 export declare type HooksRunner = Progresses2Runners<{
@@ -74,15 +75,20 @@ export declare const createPlugin: (initializer: import("@modern-js/plugin").Asy
 export declare const usePlugins: (plugins: string[]) => void;
 export { defineConfig, AppContext, useAppContext, useConfigContext, useResolvedConfigContext };
 export type { NormalizedConfig, IAppContext, UserConfig, ToolsConfig };
-export interface CoreOption {
-  dryRun?: boolean;
+export interface CoreOptions {
+  name?: string;
+  plugins?: typeof INTERNAL_PLUGINS;
+  beforeUsePlugins: (plugins: any, config: any) => {
+    cli: any;
+    server: any;
+  }[];
 }
 export declare const cli: {
-  init: (argv?: string[]) => Promise<{
+  init: (argv?: string[], options?: CoreOptions | undefined) => Promise<{
     loadedConfig: import("./config").LoadedConfig;
     appContext: IAppContext;
     resolved: NormalizedConfig;
   }>;
-  run: (argv: string[]) => Promise<void>;
+  run: (argv: string[], options?: CoreOptions | undefined) => Promise<void>;
   restart: () => Promise<void>;
 };

package/dist/types/loadPlugins.d.ts

@@ -10,7 +10,12 @@ export declare type PluginConfig = Array<PluginConfigItem>;
  * @returns Plugin Objects has been required.
  */
 
-export declare const loadPlugins: (appDirectory: string, pluginConfig: PluginConfig) => {
+export declare const loadPlugins: (appDirectory: string, pluginConfig: PluginConfig, internalPlugins?: {
+  [name: string]: {
+    cli?: string | undefined;
+    server?: string | undefined;
+  };
+} | undefined) => {
   cli: any;
   server: any;
 }[];

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.0.0",
+  "version": "1.1.2",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -38,9 +38,9 @@
   "dependencies": {
     "@babel/code-frame": "^7.14.5",
     "@babel/runtime": "^7",
-    "@modern-js/load-config": "^1.0.0",
-    "@modern-js/plugin": "^1.0.0",
-    "@modern-js/utils": "^1.0.0",
+    "@modern-js/load-config": "^1.1.1",
+    "@modern-js/plugin": "^1.1.2",
+    "@modern-js/utils": "^1.1.2",
     "address": "^1.1.2",
     "ajv": "^8.6.2",
     "ajv-keywords": "^5.0.0",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@types/babel__code-frame": "^7.0.3",
-    "@modern-js/types": "^1.0.0",
+    "@modern-js/types": "^1.1.2",
     "@types/jest": "^26",
     "@types/lodash.clonedeep": "^4.5.6",
     "@types/lodash.mergewith": "^4.6.6",
@@ -66,8 +66,8 @@
     "@types/react-dom": "^17",
     "@types/signale": "^1.4.2",
     "typescript": "^4",
-    "@modern-js/plugin-testing": "^1.0.0",
-    "@modern-js/module-tools": "^1.0.0"
+    "@modern-js/plugin-testing": "^1.1.0",
+    "@modern-js/module-tools": "^1.1.0"
   },
   "sideEffects": false,
   "modernConfig": {

package/src/config/index.ts

@@ -22,6 +22,7 @@ import { patchSchema, PluginValidateSchema } from './schema';
 const debug = createDebugger('resolve-config');
 
 export { defaults as defaultsConfig };
+export { mergeConfig };
 
 export interface SourceConfig {
   entries?: Record<

package/src/context.ts

@@ -1,4 +1,4 @@
-import { path } from '@modern-js/utils';
+import path from 'path';
 import { createContext } from '@modern-js/plugin';
 import address from 'address';
 import type { IAppContext } from '@modern-js/types';

package/src/index.ts

@@ -1,10 +1,10 @@
+import path from 'path';
 import {
-  path,
-  upath,
   compatRequire,
   pkgUp,
   ensureAbsolutePath,
   logger,
+  INTERNAL_PLUGINS,
 } from '@modern-js/utils';
 import {
   createAsyncManager,
@@ -41,7 +41,7 @@ import { NormalizedConfig } from './config/mergeConfig';
 import { loadEnv } from './loadEnv';
 
 export type { Hooks };
-export { defaultsConfig } from './config';
+export { defaultsConfig, mergeConfig } from './config';
 
 export * from '@modern-js/plugin';
 export * from '@modern-js/plugin/node';
@@ -105,7 +105,7 @@ export const {
 
 export const usePlugins = (plugins: string[]) =>
   plugins.forEach(plugin =>
-    manager.usePlugin(compatRequire(upath.normalize(require.resolve(plugin)))),
+    manager.usePlugin(compatRequire(require.resolve(plugin))),
   );
 
 export {
@@ -130,15 +130,17 @@ const initAppDir = async (): Promise<string> => {
   return path.dirname(pkg);
 };
 
-export interface CoreOption {
-  dryRun?: boolean;
+export interface CoreOptions {
+  name?: string;
+  plugins?: typeof INTERNAL_PLUGINS;
+  beforeUsePlugins: (plugins: any, config: any) => { cli: any; server: any }[];
 }
 
 const createCli = () => {
   let hooksRunner: HooksRunner;
   let isRestart = false;
 
-  const init = async (argv: string[] = []) => {
+  const init = async (argv: string[] = [], options?: CoreOptions) => {
     enable();
 
     manager.clear();
@@ -149,7 +151,11 @@ const createCli = () => {
 
     const loaded = await loadUserConfig(appDirectory);
 
-    const plugins = loadPlugins(appDirectory, loaded.config.plugins || []);
+    let plugins = loadPlugins(appDirectory, loaded.config.plugins || []);
+
+    if (options?.beforeUsePlugins) {
+      plugins = options.beforeUsePlugins(plugins, loaded.config);
+    }
 
     plugins.forEach(plugin => plugin.cli && manager.usePlugin(plugin.cli));
 
@@ -205,8 +211,8 @@ const createCli = () => {
     return { loadedConfig: loaded, appContext, resolved };
   };
 
-  async function run(argv: string[]) {
-    const { loadedConfig, appContext, resolved } = await init(argv);
+  async function run(argv: string[], options?: CoreOptions) {
+    const { loadedConfig, appContext, resolved } = await init(argv, options);
 
     await hooksRunner.commands({ program });
 
@@ -225,12 +231,12 @@ const createCli = () => {
 
     logger.info('Restart...\n');
 
-    let hasGetError = false
+    let hasGetError = false;
     try {
       await init(process.argv.slice(2));
-    } catch(err) {
-      console.error(err)
-      hasGetError = true
+    } catch (err) {
+      console.error(err);
+      hasGetError = true;
     } finally {
       if (!hasGetError) {
         manager.run(() => program.parse(process.argv));

package/src/initWatcher.ts

@@ -1,8 +1,8 @@
 import crypto from 'crypto';
 import fs from 'fs';
-import { path, isDev, createDebugger } from '@modern-js/utils';
+import path from 'path';
+import { isDev, createDebugger } from '@modern-js/utils';
 import chokidar from 'chokidar';
-import { NormalizedConfig } from './config/mergeConfig';
 import { LoadedConfig } from './config';
 import { HooksRunner } from '.';
 
@@ -19,10 +19,10 @@ export const initWatcher = async (
   configDir: string | undefined,
   hooksRunner: HooksRunner,
   argv: string[],
+  // eslint-disable-next-line max-params
 ) => {
   // only add fs watcher on dev mode.
   if (isDev() && argv[0] === 'dev') {
-
     const extraFiles = await hooksRunner.watchFiles();
 
     const configPath = path.join(appDirectory, configDir!);

package/src/loadEnv.ts

@@ -1,5 +1,5 @@
 import fs from 'fs';
-import { path } from '@modern-js/utils';
+import path from 'path';
 import dotenv from 'dotenv';
 import dotenvExpand from 'dotenv-expand';
 
@@ -7,7 +7,9 @@ export const loadEnv = (
   appDirectory: string,
   mode: string = process.env.NODE_ENV as string,
 ) => {
-  [`.env.${mode}`, '.env']
+  // Don't change the order of the filenames， since they are ordered by the priority.
+  // Files on the left have more priority than files on the right.
+  [`.env.${mode}.local`, '.env.local', `.env.${mode}`, '.env']
     .map(name => path.resolve(appDirectory, name))
     .filter(
       filePath =>

package/src/loadPlugins.ts

@@ -3,7 +3,6 @@ import {
   createDebugger,
   compatRequire,
   INTERNAL_PLUGINS,
-  upath
 } from '@modern-js/utils';
 
 const debug = createDebugger('load-plugins');
@@ -25,7 +24,7 @@ const resolvePlugin = (appDirectory: string, plugin: PluginConfigItem) => {
   const tryResolve = (name: string) => {
     let filePath = '';
     try {
-      filePath = upath.normalizeSafe(require.resolve(name, { paths: [appDirectory] }));
+      filePath = require.resolve(name, { paths: [appDirectory] });
       delete require.cache[filePath];
     } catch (err) {
       if ((err as any).code === 'MODULE_NOT_FOUND') {
@@ -38,8 +37,9 @@ const resolvePlugin = (appDirectory: string, plugin: PluginConfigItem) => {
 
   const resolved: PluginConfigItem = {};
 
-  if (plugin.cli) {
-    resolved.cli = tryResolve(plugin.cli);
+  if (typeof plugin === 'string' || plugin.cli) {
+    resolved.cli =
+      typeof plugin === 'string' ? tryResolve(plugin) : tryResolve(plugin.cli!);
   }
 
   if (plugin.server) {
@@ -58,11 +58,12 @@ const resolvePlugin = (appDirectory: string, plugin: PluginConfigItem) => {
 export const loadPlugins = (
   appDirectory: string,
   pluginConfig: PluginConfig,
+  internalPlugins?: typeof INTERNAL_PLUGINS,
 ) => {
   const plugins = [
-    ...Object.keys(INTERNAL_PLUGINS)
+    ...Object.keys(internalPlugins || INTERNAL_PLUGINS)
       .filter(name => isDepExists(appDirectory, name))
-      .map(name => INTERNAL_PLUGINS[name]),
+      .map(name => (internalPlugins || INTERNAL_PLUGINS)[name]),
     ...pluginConfig,
   ];
 

package/tests/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: ['@modern-js'],
+  parserOptions: {
+    project: require.resolve('./tsconfig.json'),
+  },
+};

package/tests/loadEnv.test.ts

@@ -1,6 +1,5 @@
 import fs from 'fs';
-import { exec } from 'child_process';
-import { path } from '@modern-js/utils';
+import path from 'path';
 import { loadEnv } from '@/loadEnv';
 
 const fixture = path.resolve(__dirname, './fixtures/load-env');
@@ -27,7 +26,7 @@ describe('load environment variables', () => {
 
   afterAll(() => {
     process.env = { ...defaultEnv };
-    exec(`rm -rf ${fixture}`);
+    fs.rmSync(fixture, { force: true, recursive: true });
   });
 
   test(`support .env file`, () => {
@@ -79,6 +78,52 @@ describe('load environment variables', () => {
     delete process.env.NODE_ENV;
   });
 
+  test(`should have correct priority`, () => {
+    createFixtures('priority', [
+      {
+        name: '.env',
+        content: `DB_HOST=localhost
+        DB_USER=user
+        DB_PASS=pass
+        `,
+      },
+      {
+        name: '.env.production',
+        content: `DB_USER=user_production
+        DB_PASS=pass_production
+        FOO=foo
+        BAR=bar
+        `,
+      },
+      {
+        name: '.env.local',
+        content: `FOO=foo_local
+        BAR=bar_local
+        `,
+      },
+      {
+        name: '.env.production.local',
+        content: `BAR=bar_production_local`,
+      },
+    ]);
+
+    process.env.NODE_ENV = 'production';
+
+    loadEnv(path.join(fixture, 'priority'));
+
+    expect(process.env.DB_HOST).toBe('localhost');
+
+    expect(process.env.DB_USER).toBe('user_production');
+
+    expect(process.env.DB_PASS).toBe('pass_production');
+
+    expect(process.env.FOO).toBe('foo_local');
+
+    expect(process.env.BAR).toBe('bar_production_local');
+
+    delete process.env.NODE_ENV;
+  });
+
   test(`support dotenv-expand`, () => {
     createFixtures('expand', [
       {

package/tests/loadPlugin.test.ts

@@ -1,4 +1,4 @@
-import { path } from '@modern-js/utils';
+import path from 'path';
 import { loadPlugins } from '@/loadPlugins';
 
 describe('load plugins', () => {