马宇豪
2024-07-16 f591c27b57e2418c9495bc02ae8cfff84d35bc18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/*
    MIT License http://www.opensource.org/licenses/mit-license.php
    Author Ivan Kopeykin @vankop
*/
 
"use strict";
 
const makeSerializable = require("../util/makeSerializable");
const ModuleDependency = require("./ModuleDependency");
 
/** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
/** @typedef {import("../ChunkGraph")} ChunkGraph */
/** @typedef {import("../Dependency")} Dependency */
/** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */
/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
/** @typedef {import("../Module")} Module */
/** @typedef {import("../ModuleGraph")} ModuleGraph */
/** @typedef {import("../ModuleGraphConnection")} ModuleGraphConnection */
/** @typedef {import("../ModuleGraphConnection").ConnectionState} ConnectionState */
/** @typedef {import("../css/CssParser").Range} Range */
/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
/** @typedef {import("../util/Hash")} Hash */
/** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 
class CssImportDependency extends ModuleDependency {
    /**
     * Example of dependency:
     *
     * \@import url("landscape.css") layer(forms) screen and (orientation: landscape) screen and (orientation: landscape);
     *
     * @param {string} request request
     * @param {Range} range range of the argument
     * @param {string | undefined} layer layer
     * @param {string | undefined} supports list of supports conditions
     * @param {string | undefined} media list of media conditions
     */
    constructor(request, range, layer, supports, media) {
        super(request);
        this.range = range;
        this.layer = layer;
        this.supports = supports;
        this.media = media;
    }
 
    get type() {
        return "css @import";
    }
 
    get category() {
        return "css-import";
    }
 
    /**
     * @returns {string | null} an identifier to merge equal requests
     */
    getResourceIdentifier() {
        let str = `context${this._context || ""}|module${this.request}`;
 
        if (this.layer) {
            str += `|layer${this.layer}`;
        }
 
        if (this.supports) {
            str += `|supports${this.supports}`;
        }
 
        if (this.media) {
            str += `|media${this.media}`;
        }
 
        return str;
    }
 
    /**
     * @param {string} context context directory
     * @returns {Module} a module
     */
    createIgnoredModule(context) {
        return null;
    }
 
    /**
     * @param {ObjectSerializerContext} context context
     */
    serialize(context) {
        const { write } = context;
        write(this.layer);
        write(this.supports);
        write(this.media);
        super.serialize(context);
    }
 
    /**
     * @param {ObjectDeserializerContext} context context
     */
    deserialize(context) {
        const { read } = context;
        this.layer = read();
        this.supports = read();
        this.media = read();
        super.deserialize(context);
    }
}
 
CssImportDependency.Template = class CssImportDependencyTemplate extends (
    ModuleDependency.Template
) {
    /**
     * @param {Dependency} dependency the dependency for which the template should be applied
     * @param {ReplaceSource} source the current replace source which can be modified
     * @param {DependencyTemplateContext} templateContext the context object
     * @returns {void}
     */
    apply(dependency, source, templateContext) {
        const dep = /** @type {CssImportDependency} */ (dependency);
 
        source.replace(dep.range[0], dep.range[1] - 1, "");
    }
};
 
makeSerializable(
    CssImportDependency,
    "webpack/lib/dependencies/CssImportDependency"
);
 
module.exports = CssImportDependency;