Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 15:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(browser): inject script to js template

Browse Source
This commit is contained in:
Pooya Parsa 2020-11-05 22:56:40 +01:00
parent 6e1678316e
commit 04a25fc527
3 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/nitro/src/build.ts
View File

@ -7,7 +7,7 @@ import gzipSize from 'gzip-size'
import chalk from 'chalk' import chalk from 'chalk'
import { emptyDir } from 'fs-extra' import { emptyDir } from 'fs-extra'
import { getRollupConfig } from './rollup/config' import { getRollupConfig } from './rollup/config'
import { hl, prettyPath, renderTemplate, compileTemplateToJS } from './utils' import { hl, prettyPath, renderTemplate, compileTemplateToJS, writeFileP } from './utils'
import { SLSOptions } from './config' import { SLSOptions } from './config'
export async function build (options: SLSOptions) { export async function build (options: SLSOptions) {
@ -17,7 +17,17 @@ export async function build (options: SLSOptions) {
const hooks = new Hookable() const hooks = new Hookable()
hooks.addHooks(options.hooks) hooks.addHooks(options.hooks)
await hooks.callHook('options', options) // Compile html template
const htmlTemplate = {
src: resolve(options.buildDir, `views/${{ 2: 'app', 3: 'document' }[options.nuxt]}.template.html`),
dst: '',
compiled: ''
}
htmlTemplate.dst = htmlTemplate.src.replace(/.html$/, '.js').replace('app.', 'document.')
htmlTemplate.compiled = await compileTemplateToJS(htmlTemplate.src)
await hooks.callHook('template:document', htmlTemplate)
await writeFileP(htmlTemplate.dst, htmlTemplate.compiled)
consola.info('Generated', prettyPath(htmlTemplate.dst))
emptyDir(options.slsDir) emptyDir(options.slsDir)
@ -44,10 +54,3 @@ export async function build (options: SLSOptions) {
await hooks.callHook('done', options) await hooks.callHook('done', options)
} }
export async function compileHTMLTemplate (options: SLSOptions) {
const htmlTemplateFile = resolve(options.buildDir, `views/${{ 2: 'app', 3: 'document' }[options.nuxt]}.template.html`)
const htmlTemplateFileJS = htmlTemplateFile.replace(/.html$/, '.js').replace('app.', 'document.')
await compileTemplateToJS(htmlTemplateFile, htmlTemplateFileJS)
consola.info('Generated', prettyPath(htmlTemplateFileJS))
}

10
packages/nitro/src/index.ts
View File

@ -41,13 +41,5 @@ export default <Module> function slsModule () {
} }
}) })
nuxt.hook('generate:done', () => buildSLS(options)) nuxt.hook('generate:done', () => build(options))
}
async function buildSLS (options) {
// Compile html template
await compileHTMLTemplate(options)
// Bundle target
await build(options)
} }

11
packages/nitro/src/utils.ts
View File

@ -24,12 +24,15 @@ export async function renderTemplate (src: string, dst: string, params: any) {
await writeFile(dst, rendered) await writeFile(dst, rendered)
} }
export async function compileTemplateToJS (src: string, dst: string) { export async function compileTemplateToJS (src: string) {
const contents = await readFile(src, 'utf-8') const contents = await readFile(src, 'utf-8')
// eslint-disable-next-line no-template-curly-in-string // eslint-disable-next-line no-template-curly-in-string
const compiled = `export default (params) => \`${contents.replace(/{{ (\w+) }}/g, '${params.$1}')}\`` return `export default (params) => \`${contents.replace(/{{ (\w+) }}/g, '${params.$1}')}\``
await mkdirp(dirname(dst)) }
await writeFile(dst, compiled)
export async function writeFileP (path, contents) {
await mkdirp(dirname(path))
await writeFile(path, contents)
} }
export const jitiImport = (dir: string, path: string) => jiti(dir)(path) export const jitiImport = (dir: string, path: string) => jiti(dir)(path)