-
Notifications
You must be signed in to change notification settings - Fork 32
/
svelte-asset.js
82 lines (66 loc) · 2.33 KB
/
svelte-asset.js
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
const { Asset, generateName } = require('./utils');
const { compile, preprocess } = require('svelte/compiler');
class SvelteAsset extends Asset {
constructor(name, pkg, options) {
super(name, pkg, options);
this.type = 'js';
}
async getConfig() {
const customOptions = (await super.getConfig(['.svelterc', 'svelte.config.js'], { packageKey: 'svelte' })) || {};
// Settings for the compiler that depend on parcel.
const parcelCompilerOptions = {
filename: this.relativeName,
name: generateName(this.relativeName),
dev: !this.options.production,
css: false
};
if (customOptions.compiler) {
console.warn('The "compiler" option is deprecated in .svelterc and will get removed in the next major release.');
}
let customCompilerOptions = customOptions.compilerOptions || customOptions.compiler || {};
// parcelCompilerOptions will overwrite the custom ones,
// because otherwise it can break the compilation process.
const compilerOptions = { ...customCompilerOptions, ...parcelCompilerOptions };
const preprocess = customOptions.preprocess;
return { compilerOptions, preprocess };
}
async generate() {
const config = await this.getConfig();
if (config.preprocess) {
const preprocessed = await preprocess(this.contents, config.preprocess, {
filename: config.compilerOptions.filename
});
if (preprocessed.dependencies) {
for (const dependency of preprocessed.dependencies) {
this.addDependency(dependency, { includedInParent: true });
}
}
this.contents = preprocessed.toString();
}
const { js, css } = compile(this.contents, config.compilerOptions);
if (this.options.sourceMaps) {
js.map.sources = [this.relativeName];
js.map.sourcesContent = [this.contents];
}
const parts = [
{
type: 'js',
value: js.code,
sourceMap: this.options.sourceMaps ? js.map : undefined
}
];
if (css) {
parts.push({
type: 'css',
value: css.code
});
}
return parts;
}
async postProcess(generated) {
// Hacky fix to remove duplicate JS asset (Css HMR code)
const filteredArr = generated.filter(part => part.type !== 'js');
return [generated[0]].concat(filteredArr);
}
}
module.exports = SvelteAsset;