132 lines
3.2 KiB
JavaScript
132 lines
3.2 KiB
JavaScript
import resolve from '@rollup/plugin-node-resolve'
|
|
import replace from '@rollup/plugin-replace'
|
|
import commonjs from '@rollup/plugin-commonjs'
|
|
// import svelte from 'rollup-plugin-svelte'
|
|
import svelte from 'rollup-plugin-svelte-hot'
|
|
import babel from 'rollup-plugin-babel'
|
|
// import browsersync from 'rollup-plugin-browsersync'
|
|
import hmr from 'rollup-plugin-hot'
|
|
import sveltePreprocess from 'svelte-preprocess'
|
|
import { terser } from 'rollup-plugin-terser'
|
|
import config from 'sapper/config/rollup.js'
|
|
import pkg from './package.json'
|
|
|
|
// Define environment and things
|
|
const mode = process.env.NODE_ENV
|
|
const dev = mode === 'development'
|
|
const legacy = !!process.env.SAPPER_LEGACY_BUILD
|
|
const hot = dev
|
|
|
|
// Svelte
|
|
const onwarn = (warning, onwarn) => (warning.code === 'CIRCULAR_DEPENDENCY' && /[/\\]@sapper[/\\]/.test(warning.message)) || onwarn(warning)
|
|
|
|
// Preprocessors
|
|
const preprocess = sveltePreprocess({
|
|
scss: { includePaths: ['node_modules', 'src'] },
|
|
postcss: true
|
|
})
|
|
|
|
// Sapper Rollup config
|
|
export default {
|
|
client: {
|
|
input: config.client.input(),
|
|
output: {
|
|
...config.client.output(),
|
|
...dev && { exports: 'named' }
|
|
},
|
|
experimentalCodeSplitting: true,
|
|
plugins: [
|
|
// Javascript
|
|
svelte({
|
|
// css: css => css.write('public/bundle.css'),
|
|
dev,
|
|
preprocess,
|
|
hydratable: true,
|
|
// emitCss: true,
|
|
...(!hot && {
|
|
css: css => {
|
|
css.write('public/bundle.css')
|
|
},
|
|
}),
|
|
hot: hot && {
|
|
// sapper-dev-client expects either webpack or rollup with no HMR, so
|
|
// we need to prevent it from doing full reloads with rollup
|
|
patchSapperDevClient: true,
|
|
// optimistic will try to recover from runtime errors during
|
|
// component init (instead of doing a full reload)
|
|
optimistic: true,
|
|
}
|
|
}),
|
|
replace({
|
|
'process.browser': true,
|
|
'process.env.NODE_ENV': JSON.stringify(mode)
|
|
}),
|
|
resolve({
|
|
browser: true,
|
|
extensions: ['.mjs', '.js', '.json', '.html', '.svelte', '.scss'],
|
|
dedupe: ['svelte']
|
|
}),
|
|
commonjs(),
|
|
legacy && !hot && babel({
|
|
extensions: ['.js', '.mjs', '.html', '.svelte'],
|
|
exclude: ['node_modules/@babel/**'],
|
|
runtimeHelpers: true
|
|
}),
|
|
hot && hmr({
|
|
public: '__sapper__/dev',
|
|
inMemory: true,
|
|
}),
|
|
|
|
// Compress Javascript
|
|
!dev && terser({
|
|
module: true
|
|
}),
|
|
],
|
|
|
|
onwarn,
|
|
},
|
|
|
|
server: {
|
|
input: config.server.input(),
|
|
output: config.server.output(),
|
|
plugins: [
|
|
replace({
|
|
'process.browser': false,
|
|
'process.env.NODE_ENV': JSON.stringify(mode)
|
|
}),
|
|
svelte({
|
|
dev,
|
|
preprocess,
|
|
generate: 'ssr'
|
|
}),
|
|
resolve({
|
|
browser: true,
|
|
extensions: ['.mjs', '.js', '.json', '.html', '.svelte', '.scss'],
|
|
dedupe: ['svelte']
|
|
}),
|
|
commonjs(),
|
|
],
|
|
external: Object.keys(pkg.dependencies).concat(
|
|
require('module').builtinModules || Object.keys(process.binding('natives'))
|
|
),
|
|
|
|
onwarn,
|
|
},
|
|
|
|
// serviceworker: {
|
|
// input: config.serviceworker.input(),
|
|
// output: config.serviceworker.output(),
|
|
// plugins: [
|
|
// resolve(),
|
|
// replace({
|
|
// 'process.browser': true,
|
|
// 'process.env.NODE_ENV': JSON.stringify(mode)
|
|
// }),
|
|
// commonjs(),
|
|
// !dev && terser()
|
|
// ],
|
|
|
|
// onwarn,
|
|
// }
|
|
}
|