cssScoped.js 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. "use strict";
  2. var __importDefault = (this && this.__importDefault) || function (mod) {
  3. return (mod && mod.__esModule) ? mod : { "default": mod };
  4. };
  5. Object.defineProperty(exports, "__esModule", { value: true });
  6. exports.uniCssScopedPlugin = exports.uniRemoveCssScopedPlugin = exports.addScoped = void 0;
  7. const path_1 = __importDefault(require("path"));
  8. const debug_1 = __importDefault(require("debug"));
  9. const constants_1 = require("../../constants");
  10. const preprocess_1 = require("../../preprocess");
  11. const parse_1 = require("../../vue/parse");
  12. const utils_1 = require("../../utils");
  13. const debugScoped = (0, debug_1.default)('uni:scoped');
  14. const SCOPED_RE = /<style\s[^>]*scoped[^>]*>/i;
  15. function addScoped(code) {
  16. return code.replace(/(<style\b[^><]*)>/gi, (str, $1) => {
  17. if ($1.includes('scoped')) {
  18. return str;
  19. }
  20. return `${$1} scoped>`;
  21. });
  22. }
  23. exports.addScoped = addScoped;
  24. function removeScoped(code) {
  25. if (!SCOPED_RE.test(code)) {
  26. return code;
  27. }
  28. return code.replace(/(<style.*)scoped(.*>)/gi, '$1$2');
  29. }
  30. function uniRemoveCssScopedPlugin({ filter } = { filter: () => false }) {
  31. return {
  32. name: 'uni:css-remove-scoped',
  33. enforce: 'pre',
  34. transform(code, id) {
  35. if (!filter(id))
  36. return null;
  37. debugScoped(id);
  38. return {
  39. code: removeScoped(code),
  40. map: null,
  41. };
  42. },
  43. };
  44. }
  45. exports.uniRemoveCssScopedPlugin = uniRemoveCssScopedPlugin;
  46. function uniCssScopedPlugin({ filter } = { filter: () => false }) {
  47. return {
  48. name: 'uni:css-scoped',
  49. enforce: 'pre',
  50. transform(code, id) {
  51. if (!filter(id))
  52. return null;
  53. debugScoped(id);
  54. return {
  55. code: addScoped(code),
  56. map: null,
  57. };
  58. },
  59. // 仅 h5
  60. handleHotUpdate(ctx) {
  61. if (!constants_1.EXTNAME_VUE.includes(path_1.default.extname(ctx.file))) {
  62. return;
  63. }
  64. const scoped = !(0, utils_1.isAppVue)(ctx.file);
  65. debugScoped('hmr', ctx.file);
  66. const oldRead = ctx.read;
  67. ctx.read = async () => {
  68. let code = await oldRead();
  69. // hotUpdate preprocess
  70. if (code.includes('#endif')) {
  71. code = (0, preprocess_1.preJs)((0, preprocess_1.preHtml)(code));
  72. }
  73. if (scoped) {
  74. code = addScoped(code);
  75. }
  76. // 处理 block, wxs 等
  77. return (0, parse_1.parseVueCode)(code).code;
  78. };
  79. },
  80. };
  81. }
  82. exports.uniCssScopedPlugin = uniCssScopedPlugin;