totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-16 04:44:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

basic sapper dev task, with HMR

Browse Source
This commit is contained in:
Rich Harris
2018-02-17 17:44:57 -05:00
parent d95f52f8e9
commit ab1ca60363
9 changed files with 248 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/core/create_app.ts
View File

@@ -18,7 +18,8 @@ export default function create_app({ routes, src, dev }: {
function generate_client(routes: Route[], src: string, dev: boolean) {
let code = `
// This file is generated by Sapper — do not edit it!\nexport const routes = [
// This file is generated by Sapper — do not edit it!
export const routes = [
${routes
.filter(route => route.type === 'page')
.map(route => {
@@ -34,10 +35,18 @@ function generate_client(routes: Route[], src: string, dev: boolean) {
if (dev) {
const hmr_client = posixify(
require.resolve(`webpack-hot-middleware/client`)
path.resolve(__dirname, 'src/hmr-client.js')
);
code += `\n\nimport('${hmr_client}?path=/__webpack_hmr&timeout=20000'); if (module.hot) module.hot.accept();`;
const PORT = 23456; // TODO robustify this — needs to be controlled by the dev task
code += `
if (module.hot) {
import('${hmr_client}').then(client => {
client.connect(${PORT});
});
}`.replace(/^\t{3}/gm, '');
}
return code;