123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403 |
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
- }) : x)(function(x) {
- if (typeof require !== "undefined")
- return require.apply(this, arguments);
- throw new Error('Dynamic require of "' + x + '" is not supported');
- });
- // src/index.ts
- import { createFilter } from "@rollup/pluginutils";
- import * as changeCase from "change-case";
- import { init, parse } from "es-module-lexer";
- import MagicString from "magic-string";
- import path2 from "path";
- import fs2 from "fs";
- import Debug from "debug";
- // src/utils.ts
- import path from "path";
- import { normalizePath } from "vite";
- import fs from "fs";
- import { createRequire } from "module";
- function resolveNodeModules(libName, ...dir) {
- const esRequire = createRequire(import.meta.url);
- let modulePath = "";
- try {
- modulePath = normalizePath(esRequire.resolve(libName));
- } catch (error) {
- modulePath = normalizePath(__require.resolve(libName));
- }
- const lastIndex = modulePath.lastIndexOf(libName);
- return normalizePath(path.resolve(modulePath.substring(0, lastIndex), ...dir));
- }
- function resolvePnp(module) {
- try {
- return normalizePath(__require.resolve(module));
- } catch (error) {
- return "";
- }
- }
- var isPnp = !!process.versions.pnp;
- function isRegExp(value) {
- return Object.prototype.toString.call(value) === "[object RegExp]";
- }
- function fileExists(f) {
- try {
- fs.accessSync(f, fs.constants.W_OK);
- return true;
- } catch (error) {
- return false;
- }
- }
- // src/resolve/antd.ts
- function AntdResolve() {
- return {
- libraryName: "antd",
- esModule: true,
- resolveStyle: (name) => {
- return `antd/es/${name}/style/index`;
- }
- };
- }
- // src/resolve/antdv.ts
- function AndDesignVueResolve() {
- return {
- ensureStyleFile: true,
- libraryName: "ant-design-vue",
- esModule: true,
- resolveStyle: (name) => {
- return `ant-design-vue/es/${name}/style/index`;
- }
- };
- }
- // src/resolve/elementPlus.ts
- function ElementPlusResolve() {
- return {
- libraryName: "element-plus",
- ensureStyleFile: true,
- esModule: true,
- resolveStyle: (name) => {
- return `element-plus/theme-chalk/${name}.css`;
- },
- resolveComponent: (name) => {
- return `element-plus/es/components/${name.replace(/^el-/, "")}/index.mjs`;
- },
- base: "element-plus/theme-chalk/base.css"
- };
- }
- // src/resolve/vant.ts
- function VantResolve() {
- return {
- libraryName: "vant",
- esModule: true,
- resolveStyle: (name) => {
- return `vant/es/${name}/style`;
- }
- };
- }
- // src/resolve/nutui.ts
- function NutuiResolve() {
- return {
- libraryName: "@nutui/nutui",
- libraryNameChangeCase: "pascalCase",
- resolveStyle: (name) => {
- return `@nutui/nutui/dist/packages/${name}/index.scss`;
- }
- };
- }
- // src/resolve/vxeTable.ts
- function VxeTableResolve() {
- return {
- ensureStyleFile: true,
- libraryName: "vxe-table",
- esModule: true,
- resolveStyle: (name) => {
- return `vxe-table/es/${name}/style.css`;
- }
- };
- }
- // src/index.ts
- var debug = Debug("vite-plugin-style-import");
- var ensureFileExts = [".css", ".js", ".scss", ".less", ".styl"];
- var asRE = /\s+as\s+\w+,?/g;
- var isFn = (value) => value != null && Object.prototype.toString.call(value) === "[object Function]";
- var src_default = (options) => {
- const {
- include = ["**/*.vue", "**/*.ts", "**/*.js", "**/*.tsx", "**/*.jsx"],
- exclude = "node_modules/**",
- resolves = []
- } = options;
- let { libs = [] } = options;
- libs = [...libs, ...resolves];
- const filter = createFilter(include, exclude);
- let needSourcemap = false;
- let isBuild = false;
- let external;
- debug("plugin options:", options);
- return {
- name: "vite:style-import",
- enforce: "post",
- configResolved(resolvedConfig) {
- var _a, _b, _c;
- needSourcemap = !!resolvedConfig.build.sourcemap;
- isBuild = resolvedConfig.isProduction || resolvedConfig.command === "build";
- external = (_c = (_b = (_a = resolvedConfig == null ? void 0 : resolvedConfig.build) == null ? void 0 : _a.rollupOptions) == null ? void 0 : _b.external) != null ? _c : void 0;
- debug("plugin config:", resolvedConfig);
- },
- async transform(code, id) {
- if (!code || !filter(id) || !needTransform(code, libs)) {
- return null;
- }
- await init;
- let imports = [];
- try {
- imports = parse(code)[0];
- debug("imports:", imports);
- } catch (e) {
- debug("imports-error:", e);
- }
- if (!imports.length) {
- return null;
- }
- let s;
- const str = () => s || (s = new MagicString(code));
- for (let index = 0; index < imports.length; index++) {
- const { n, se, ss } = imports[index];
- if (!n)
- continue;
- const lib = getLib(n, libs, external);
- if (!lib)
- continue;
- const isResolveComponent = isBuild && !!lib.resolveComponent;
- const importStr = code.slice(ss, se);
- let importVariables = transformImportVar(importStr);
- importVariables = filterImportVariables(importVariables, lib.importTest);
- const importCssStrList = await transformComponentCss(lib, importVariables);
- let compStrList = [];
- let compNameList = [];
- if (isResolveComponent) {
- const { componentStrList, componentNameList } = transformComponent(lib, importVariables);
- compStrList = componentStrList;
- compNameList = componentNameList;
- }
- debug("prepend import css str:", importCssStrList.join(""));
- debug("prepend import component str:", compStrList.join(""));
- const { base = "" } = lib;
- let baseImporter = base ? `
- import '${base}'` : "";
- if (str().toString().includes(base)) {
- baseImporter = "";
- }
- const endIndex = se + 1;
- if (isResolveComponent && compNameList.some((item) => importVariables.includes(item))) {
- if (lib.libraryName === "element-plus") {
- str().remove(ss, endIndex);
- } else {
- const importStr2 = str().slice(ss, endIndex);
- const [resultStr, uncssList] = await removeAlreadyName(importStr2, lib);
- if (resultStr) {
- str().overwrite(ss, endIndex, resultStr);
- } else {
- str().remove(ss, endIndex);
- }
- if (uncssList.length) {
- compStrList = compStrList.filter((item) => !uncssList.some((imp) => item.startsWith(`import ${imp}`)));
- }
- }
- }
- str().prependRight(endIndex, `${baseImporter}
- ${compStrList.join("")}${importCssStrList.join("")}`);
- }
- return {
- map: needSourcemap ? str().generateMap({ hires: true }) : null,
- code: str().toString()
- };
- }
- };
- };
- function filterImportVariables(importVars, reg) {
- if (!reg) {
- return importVars;
- }
- return importVars.filter((item) => reg.test(item));
- }
- async function removeAlreadyName(importStr, lib) {
- let result = importStr;
- const { libraryNameChangeCase = "paramCase", resolveStyle, libraryName } = lib;
- const exportStr = importStr.replace(asRE, ",").replace("import", "export").replace(asRE, ",");
- await init;
- const importComponents = parse(exportStr)[1];
- const hasCssList = [];
- const unCssList = [];
- importComponents.filter((comp) => {
- const name = getChangeCaseFileName(comp, libraryNameChangeCase);
- const importStr2 = resolveStyle == null ? void 0 : resolveStyle(name);
- if (importStr2) {
- const cssFile = resolveNodeModules(libraryName, importStr2);
- if (fs2.existsSync(cssFile)) {
- hasCssList.push(comp);
- } else {
- unCssList.push(comp);
- }
- } else {
- unCssList.push(comp);
- }
- });
- hasCssList.forEach((item) => {
- result = result.replace(new RegExp(`\\s?${item}\\s?,?`), "");
- });
- if (parse(result.replace("import", "export"))[1].length === 0) {
- result = "";
- }
- return [result, unCssList];
- }
- async function transformComponentCss(lib, importVariables) {
- const {
- libraryName,
- resolveStyle,
- esModule,
- libraryNameChangeCase = "paramCase",
- ensureStyleFile = false
- } = lib;
- if (!isFn(resolveStyle) || !libraryName) {
- return [];
- }
- const set = /* @__PURE__ */ new Set();
- for (let index = 0; index < importVariables.length; index++) {
- const name = getChangeCaseFileName(importVariables[index], libraryNameChangeCase);
- let importStr = resolveStyle(name);
- if (!importStr) {
- continue;
- }
- let isAdd = true;
- if (isPnp) {
- importStr = resolvePnp(importStr);
- isAdd = !!importStr;
- } else {
- if (esModule) {
- importStr = resolveNodeModules(libraryName, importStr);
- }
- if (ensureStyleFile) {
- isAdd = ensureFileExists(libraryName, importStr, esModule);
- }
- }
- isAdd && set.add(`import '${importStr}';
- `);
- }
- debug("import css sets:", set.toString());
- return Array.from(set);
- }
- function transformComponent(lib, importVariables) {
- const {
- libraryName,
- resolveComponent,
- libraryNameChangeCase = "paramCase",
- transformComponentImportName
- } = lib;
- if (!isFn(resolveComponent) || !libraryName) {
- return {
- componentStrList: [],
- componentNameList: []
- };
- }
- const componentNameSet = /* @__PURE__ */ new Set();
- const componentStrSet = /* @__PURE__ */ new Set();
- for (let index = 0; index < importVariables.length; index++) {
- const libName = importVariables[index];
- const name = getChangeCaseFileName(importVariables[index], libraryNameChangeCase);
- const importStr = resolveComponent(name);
- const importLibName = isFn(transformComponentImportName) && transformComponentImportName(libName) || libName;
- componentStrSet.add(`import ${importLibName} from '${importStr}';
- `);
- componentNameSet.add(libName);
- }
- debug("import component set:", componentStrSet.toString());
- return {
- componentStrList: Array.from(componentStrSet),
- componentNameList: Array.from(componentNameSet)
- };
- }
- function transformImportVar(importStr) {
- if (!importStr) {
- return [];
- }
- const exportStr = importStr.replace("import", "export").replace(asRE, ",");
- let importVariables = [];
- try {
- importVariables = parse(exportStr)[1];
- debug("importVariables:", importVariables);
- } catch (error) {
- debug("transformImportVar:", error);
- }
- return importVariables;
- }
- function ensureFileExists(libraryName, importStr, esModule = false) {
- const extName = path2.extname(importStr);
- if (!extName) {
- return tryEnsureFile(libraryName, importStr, esModule);
- }
- if (esModule) {
- return fileExists(importStr);
- }
- return true;
- }
- function tryEnsureFile(libraryName, filePath, esModule = false) {
- const filePathList = ensureFileExts.map((item) => {
- const p = `${filePath}${item}`;
- return esModule ? p : resolveNodeModules(libraryName, p);
- });
- return filePathList.some((item) => fileExists(item));
- }
- function getLib(libraryName, libs, external) {
- let libList = libs;
- if (external) {
- const isString = typeof external === "string";
- const isRE = isRegExp(external);
- if (isString) {
- libList = libList.filter((item) => item.libraryName !== external);
- } else if (isRE) {
- libList = libList.filter((item) => !external.test(item.libraryName));
- } else if (Array.isArray(external)) {
- libList = libList.filter((item) => {
- return !external.some((val) => {
- if (typeof val === "string") {
- return val === item.libraryName;
- }
- return val.test(item.libraryName);
- });
- });
- }
- }
- return libList.find((item) => item.libraryName === libraryName);
- }
- function getChangeCaseFileName(importedName, libraryNameChangeCase) {
- try {
- return changeCase[libraryNameChangeCase](importedName);
- } catch (error) {
- return importedName;
- }
- }
- function needTransform(code, libs) {
- return !libs.every(({ libraryName }) => {
- return !new RegExp(`('${libraryName}')|("${libraryName}")`).test(code);
- });
- }
- export {
- AndDesignVueResolve,
- AntdResolve,
- ElementPlusResolve,
- NutuiResolve,
- VantResolve,
- VxeTableResolve,
- src_default as default,
- getChangeCaseFileName,
- transformImportVar
- };
|