theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: 修改 esm 为 es 包

Browse Source
This commit is contained in:
就眠儀式 2022-04-23 23:44:18 +08:00
parent c9ceb42b46
commit 97e06993b6
3 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
package/component/package.json
View File

@ -5,7 +5,7 @@
"license": "MIT", "license": "MIT",
"description": "a component library for Vue 3 base on layui-vue", "description": "a component library for Vue 3 base on layui-vue",
"homepage": "http://www.layui-vue.com", "homepage": "http://www.layui-vue.com",
"main": "esm/index.js", "main": "es/index.js",
"unpkg": "umd/index.js", "unpkg": "umd/index.js",
"jsdelivr": "umd/index.js", "jsdelivr": "umd/index.js",
"types": "types/index.d.ts", "types": "types/index.d.ts",
@ -17,14 +17,14 @@
], ],
"exports": { "exports": {
".": { ".": {
"import": "./esm/index.js" "import": "./es/index.js"
}, },
"./lib/": "./lib/", "./lib/": "./lib/",
"./esm/": "./esm/" "./es/": "./es/"
}, },
"scripts": { "scripts": {
"build": "npm run build:all && npm run build:esm && npm run build:umd && npm run build:types", "build": "npm run build:all && npm run build:es && npm run build:umd && npm run build:types",
"build:esm": "vite build --emptyOutDir --config ./script/build.esm.ts", "build:es": "vite build --emptyOutDir --config ./script/build.es.ts",
"build:all": "vite build --emptyOutDir --config ./script/build.all.ts", "build:all": "vite build --emptyOutDir --config ./script/build.all.ts",
"build:umd": "vite build --emptyOutDir --config ./script/build.umd.ts", "build:umd": "vite build --emptyOutDir --config ./script/build.umd.ts",
"build:types": "rimraf types && tsc -d" "build:types": "rimraf types && tsc -d"
@ -59,7 +59,7 @@
}, },
"files": [ "files": [
"lib", "lib",
"esm", "es",
"umd", "umd",
"types" "types"
], ],

28
package/component/script/build.esm.ts → package/component/script/build.es.ts
View File

@ -21,8 +21,16 @@ const inputs = inputsArray.reduce((backObj, pkgName) => {
inputs["index"] = resolve(process.cwd(), "./src/index.ts"); inputs["index"] = resolve(process.cwd(), "./src/index.ts");
const matchModule: string[] = [ const matchModule: string[] = [
'input', 'dropdown', 'carousel', 'transition', 'datePicker', 'header', "input",
'selectOption', 'skeletonItem', 'tabItem', 'upload' "dropdown",
"carousel",
"transition",
"datePicker",
"header",
"selectOption",
"skeletonItem",
"tabItem",
"upload",
]; ];
export default (): UserConfigExport => { export default (): UserConfigExport => {
@ -48,7 +56,7 @@ export default (): UserConfigExport => {
build: { build: {
cssCodeSplit: true, cssCodeSplit: true,
emptyOutDir: true, emptyOutDir: true,
outDir: "esm", outDir: "es",
lib: { lib: {
entry: resolve(process.cwd(), "./src/index.ts"), entry: resolve(process.cwd(), "./src/index.ts"),
formats: ["es"], formats: ["es"],
@ -60,20 +68,24 @@ export default (): UserConfigExport => {
vue: "Vue", vue: "Vue",
}, },
manualChunks(id) { manualChunks(id) {
let arr = id.toString().split('/'); let arr = id.toString().split("/");
if (id.includes('node_modules')) { if (id.includes("node_modules")) {
//id => layui-vue/node_modules/.pnpm/@vue+devtools-api@6.1.4/node_modules/@vue/devtools-api/lib/esm/api/app.js //id => layui-vue/node_modules/.pnpm/@vue+devtools-api@6.1.4/node_modules/@vue/devtools-api/lib/esm/api/app.js
const chunksName = "_chunks/"; const chunksName = "_chunks/";
return chunksName + id.toString().split('node_modules/')[2].split('/')[0].toString(); return (
} else if (arr.length >= 2){ chunksName +
id.toString().split("node_modules/")[2].split("/")[0].toString()
);
} else if (arr.length >= 2) {
//if (arr.length >= 2 && arr[arr.length - 1].split('.')[1] != 'ts'){ //if (arr.length >= 2 && arr[arr.length - 1].split('.')[1] != 'ts'){
let entryPoint = arr[arr.length - 2].toString() let entryPoint = arr[arr.length - 2].toString();
if (matchModule.includes(entryPoint)) { if (matchModule.includes(entryPoint)) {
return entryPoint; return entryPoint;
} }
} }
}, },
chunkFileNames: ({ name }) => { chunkFileNames: ({ name }) => {
console.log(name);
return name === "index" ? "index.js" : "[name]/index.js"; return name === "index" ? "index.js" : "[name]/index.js";
}, },
entryFileNames: ({ name }) => { entryFileNames: ({ name }) => {

2
package/component/src/resolver/index.ts
View File

@ -324,7 +324,7 @@ export interface LayuiVueResolverOptions {
const libRE = /^Lay[A-Z]/; const libRE = /^Lay[A-Z]/;
const layerRE = /^(layer|LayLayer)$/; const layerRE = /^(layer|LayLayer)$/;
const iconsRE = /^([A-Z][\w]+Icon|LayIcon)$/; const iconsRE = /^([A-Z][\w]+Icon|LayIcon)$/;
const esComponentsFolder = "@layui/layui-vue/esm"; const esComponentsFolder = "@layui/layui-vue/es";
function lowerCamelCase(str: string) { function lowerCamelCase(str: string) {
return str.charAt(0).toLowerCase() + str.slice(1); return str.charAt(0).toLowerCase() + str.slice(1);