Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Minify inline javascript

Browse source
This commit is contained in:
Sam Carlton 2021-05-08 15:32:04 -05:00
parent 5edfa574bb
commit 6b17690f21
1 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
.eleventy.js
View file

@ -2,6 +2,7 @@ import fs from 'fs'
import replace_css_url from 'replace-css-url' import replace_css_url from 'replace-css-url'
import dotenv from 'dotenv' import dotenv from 'dotenv'
import { InlineCodeManager } from '@11ty/eleventy-assets' import { InlineCodeManager } from '@11ty/eleventy-assets'
import { minify } from 'terser'
import nuxtConfig from './nuxt.config' import nuxtConfig from './nuxt.config'
@ -28,14 +29,26 @@ module.exports = function ( eleventyConfig ) {
eleventyConfig.addJavaScriptFunction('usingComponent', async function ( componentName ) { eleventyConfig.addJavaScriptFunction('usingComponent', async function ( componentName ) {
// console.log('Getting component', componentName) // console.log('Getting component', componentName)
const assetFileName = getAssetFilePath( componentName )
if ( componentName.includes('.js') ) { if ( componentName.includes('.js') ) {
// If a never before seen component, add the JS code // If a never before seen component, add the JS code
if(!jsManager.hasComponentCode(componentName)) { if(!jsManager.hasComponentCode(componentName)) {
const fileContents = fs.readFileSync(getAssetFilePath(componentName), { encoding: "UTF-8" })
let contents = ''
console.log('Reading component file', componentName)
const javascriptCode = fs.readFileSync( assetFileName, { encoding: "UTF-8" })
console.log('Minifying code', componentName)
const minified = await minify( javascriptCode )
contents = minified.code
// console.log('Got component', componentName, componentCss) // console.log('Got component', componentName, componentCss)
jsManager.addComponentCode(componentName, fileContents) jsManager.addComponentCode(componentName, contents)
} }
// Log usage for this url // Log usage for this url
@ -44,7 +57,7 @@ module.exports = function ( eleventyConfig ) {
} else if ( componentName.includes('.css') ) { } else if ( componentName.includes('.css') ) {
// If a never before seen component, add the CSS code // If a never before seen component, add the CSS code
if(!cssManager.hasComponentCode(componentName)) { if(!cssManager.hasComponentCode(componentName)) {
const fileContents = fs.readFileSync(getAssetFilePath(componentName), { encoding: "UTF-8" }) const fileContents = fs.readFileSync( assetFileName, { encoding: "UTF-8" })
// Replace urls in css with relative urls for dist folder // Replace urls in css with relative urls for dist folder
const parsedCss = replace_css_url( const parsedCss = replace_css_url(