mirror of https://github.com/sveltejs/svelte
commit
f87c3328b5
@ -0,0 +1,74 @@
|
||||
import path from 'path';
|
||||
import nodeResolve from 'rollup-plugin-node-resolve';
|
||||
import commonjs from 'rollup-plugin-commonjs';
|
||||
import json from 'rollup-plugin-json';
|
||||
import typescript from 'rollup-plugin-typescript';
|
||||
import buble from 'rollup-plugin-buble';
|
||||
|
||||
const src = path.resolve('src');
|
||||
|
||||
export default [
|
||||
/* compiler/svelte.js */
|
||||
{
|
||||
entry: 'src/index.ts',
|
||||
dest: 'compiler/svelte.js',
|
||||
format: 'umd',
|
||||
moduleName: 'svelte',
|
||||
plugins: [
|
||||
{
|
||||
resolveId(importee, importer) {
|
||||
// bit of a hack — TypeScript only really works if it can resolve imports,
|
||||
// but they misguidedly chose to reject imports with file extensions. This
|
||||
// means we need to resolve them here
|
||||
if (
|
||||
importer &&
|
||||
importer.startsWith(src) &&
|
||||
importee[0] === '.' &&
|
||||
path.extname(importee) === ''
|
||||
) {
|
||||
return path.resolve(path.dirname(importer), `${importee}.ts`);
|
||||
}
|
||||
}
|
||||
},
|
||||
nodeResolve({ jsnext: true, module: true }),
|
||||
commonjs(),
|
||||
json(),
|
||||
typescript({
|
||||
include: 'src/**',
|
||||
exclude: 'src/shared/**',
|
||||
typescript: require('typescript')
|
||||
})
|
||||
],
|
||||
sourceMap: true
|
||||
},
|
||||
|
||||
/* ssr/register.js */
|
||||
{
|
||||
entry: 'src/server-side-rendering/register.js',
|
||||
dest: 'ssr/register.js',
|
||||
format: 'cjs',
|
||||
plugins: [
|
||||
nodeResolve({ jsnext: true, module: true }),
|
||||
commonjs(),
|
||||
buble({
|
||||
include: 'src/**',
|
||||
exclude: 'src/shared/**',
|
||||
target: {
|
||||
node: 4
|
||||
}
|
||||
})
|
||||
],
|
||||
external: [path.resolve('src/index.ts'), 'fs', 'path'],
|
||||
paths: {
|
||||
[path.resolve('src/index.ts')]: '../compiler/svelte.js'
|
||||
},
|
||||
sourceMap: true
|
||||
},
|
||||
|
||||
/* shared.js */
|
||||
{
|
||||
entry: 'src/shared/index.js',
|
||||
dest: 'shared.js',
|
||||
format: 'es'
|
||||
}
|
||||
];
|
@ -1,39 +0,0 @@
|
||||
import path from 'path';
|
||||
import nodeResolve from 'rollup-plugin-node-resolve';
|
||||
import commonjs from 'rollup-plugin-commonjs';
|
||||
import json from 'rollup-plugin-json';
|
||||
import typescript from 'rollup-plugin-typescript';
|
||||
|
||||
const src = path.resolve('src');
|
||||
|
||||
export default {
|
||||
entry: 'src/index.ts',
|
||||
moduleName: 'svelte',
|
||||
targets: [{ dest: 'compiler/svelte.js', format: 'umd' }],
|
||||
plugins: [
|
||||
{
|
||||
resolveId(importee, importer) {
|
||||
// bit of a hack — TypeScript only really works if it can resolve imports,
|
||||
// but they misguidedly chose to reject imports with file extensions. This
|
||||
// means we need to resolve them here
|
||||
if (
|
||||
importer &&
|
||||
importer.startsWith(src) &&
|
||||
importee[0] === '.' &&
|
||||
path.extname(importee) === ''
|
||||
) {
|
||||
return path.resolve(path.dirname(importer), `${importee}.ts`);
|
||||
}
|
||||
}
|
||||
},
|
||||
nodeResolve({ jsnext: true, module: true }),
|
||||
commonjs(),
|
||||
json(),
|
||||
typescript({
|
||||
include: 'src/**',
|
||||
exclude: 'src/shared/**',
|
||||
typescript: require('typescript')
|
||||
})
|
||||
],
|
||||
sourceMap: true
|
||||
};
|
@ -1,5 +0,0 @@
|
||||
export default {
|
||||
entry: 'src/shared/index.js',
|
||||
dest: 'shared.js',
|
||||
format: 'es'
|
||||
};
|
@ -1,26 +0,0 @@
|
||||
import * as path from 'path';
|
||||
import nodeResolve from 'rollup-plugin-node-resolve';
|
||||
import commonjs from 'rollup-plugin-commonjs';
|
||||
import buble from 'rollup-plugin-buble';
|
||||
|
||||
export default {
|
||||
entry: 'src/server-side-rendering/register.js',
|
||||
moduleName: 'svelte',
|
||||
targets: [{ dest: 'ssr/register.js', format: 'cjs' }],
|
||||
plugins: [
|
||||
nodeResolve({ jsnext: true, module: true }),
|
||||
commonjs(),
|
||||
buble({
|
||||
include: 'src/**',
|
||||
exclude: 'src/shared/**',
|
||||
target: {
|
||||
node: 4
|
||||
}
|
||||
})
|
||||
],
|
||||
external: [path.resolve('src/index.ts'), 'fs', 'path'],
|
||||
paths: {
|
||||
[path.resolve('src/index.ts')]: '../compiler/svelte.js'
|
||||
},
|
||||
sourceMap: true
|
||||
};
|
@ -1,4 +1,4 @@
|
||||
|
||||
div[svelte-281576708], [svelte-281576708] div {
|
||||
div[svelte-2278551596], [svelte-2278551596] div {
|
||||
color: red;
|
||||
}
|
||||
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,13 +1,13 @@
|
||||
|
||||
@keyframes svelte-776829126-why {
|
||||
@keyframes svelte-1647166666-why {
|
||||
0% { color: red; }
|
||||
100% { color: blue; }
|
||||
}
|
||||
|
||||
[svelte-776829126].animated, [svelte-776829126] .animated {
|
||||
animation: svelte-776829126-why 2s;
|
||||
.animated[svelte-1647166666] {
|
||||
animation: svelte-1647166666-why 2s;
|
||||
}
|
||||
|
||||
[svelte-776829126].also-animated, [svelte-776829126] .also-animated {
|
||||
.also-animated[svelte-1647166666] {
|
||||
animation: not-defined-here 2s;
|
||||
}
|
||||
|
@ -1,12 +1,12 @@
|
||||
|
||||
span[svelte-583610229]::after {
|
||||
span[svelte-2146001331]::after {
|
||||
content: 'i am a pseudo-element';
|
||||
}
|
||||
|
||||
span[svelte-583610229]:first-child {
|
||||
span[svelte-2146001331]:first-child {
|
||||
color: red;
|
||||
}
|
||||
|
||||
span[svelte-583610229]:last-child::after {
|
||||
span[svelte-2146001331]:last-child::after {
|
||||
color: blue;
|
||||
}
|
||||
|
@ -1,12 +1,12 @@
|
||||
|
||||
div[svelte-4161687011] {
|
||||
div[svelte-781920915] {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div.foo[svelte-4161687011] {
|
||||
div.foo[svelte-781920915] {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.foo[svelte-4161687011] {
|
||||
.foo[svelte-781920915] {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
@ -1,9 +1,9 @@
|
||||
|
||||
@keyframes svelte-4112859982-why {
|
||||
@keyframes svelte-2931302006-why {
|
||||
0% { color: red; }
|
||||
100% { color: blue; }
|
||||
}
|
||||
|
||||
[svelte-4112859982].animated, [svelte-4112859982] .animated {
|
||||
animation: svelte-4112859982-why 2s;
|
||||
[svelte-2931302006].animated, [svelte-2931302006] .animated {
|
||||
animation: svelte-2931302006-why 2s;
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
|
||||
@media (min-width: 400px) {
|
||||
[svelte-2352010302].large-screen, [svelte-2352010302] .large-screen {
|
||||
[svelte-411199634].large-screen, [svelte-411199634] .large-screen {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
@ -1,14 +1,14 @@
|
||||
|
||||
div[svelte-4188175681], [svelte-4188175681] div {
|
||||
div[svelte-1408461649], [svelte-1408461649] div {
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
div[svelte-146600313], [svelte-146600313] div {
|
||||
div[svelte-54999591], [svelte-54999591] div {
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
div[svelte-1506185237], [svelte-1506185237] div {
|
||||
div[svelte-2385185803], [svelte-2385185803] div {
|
||||
color: blue;
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div svelte-4188175681>red</div>
|
||||
<div svelte-146600313>green: foo</div>
|
||||
<div svelte-1506185237>blue: foo</div>
|
||||
<div svelte-146600313>green: bar</div>
|
||||
<div svelte-1506185237>blue: bar</div>
|
||||
<div svelte-1408461649>red</div>
|
||||
<div svelte-54999591>green: foo</div>
|
||||
<div svelte-2385185803>blue: foo</div>
|
||||
<div svelte-54999591>green: bar</div>
|
||||
<div svelte-2385185803>blue: bar</div>
|
@ -1,11 +1,14 @@
|
||||
div[svelte-4188175681], [svelte-4188175681] div {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div[svelte-146600313], [svelte-146600313] div {
|
||||
color: green;
|
||||
}
|
||||
div[svelte-1408461649], [svelte-1408461649] div {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div[svelte-1506185237], [svelte-1506185237] div {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
div[svelte-54999591], [svelte-54999591] div {
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
div[svelte-2385185803], [svelte-2385185803] div {
|
||||
color: blue;
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div svelte-4188175681>red</div>
|
||||
<div svelte-146600313>green: foo</div>
|
||||
<div svelte-1506185237>blue: foo</div>
|
||||
<div svelte-146600313>green: bar</div>
|
||||
<div svelte-1506185237>blue: bar</div>
|
||||
<div svelte-1408461649>red</div>
|
||||
<div svelte-54999591>green: foo</div>
|
||||
<div svelte-2385185803>blue: foo</div>
|
||||
<div svelte-54999591>green: bar</div>
|
||||
<div svelte-2385185803>blue: bar</div>
|
@ -1,4 +1,4 @@
|
||||
|
||||
div[svelte-281576708], [svelte-281576708] div {
|
||||
div[svelte-2278551596], [svelte-2278551596] div {
|
||||
color: red;
|
||||
}
|
||||
|
@ -1 +1 @@
|
||||
<div svelte-281576708>red</div>
|
||||
<div svelte-2278551596>red</div>
|
@ -1,3 +1,4 @@
|
||||
div[svelte-281576708], [svelte-281576708] div {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div[svelte-2278551596], [svelte-2278551596] div {
|
||||
color: red;
|
||||
}
|
||||
|
@ -1 +1 @@
|
||||
<div svelte-281576708>red</div>
|
||||
<div svelte-2278551596>red</div>
|
Loading…
Reference in new issue