@@ -254,11 +254,6 @@ module.exports = function() {
254254 } ,
255255 plugins : [
256256 new CopyPlugin ( config . copy ) ,
257- new MiniCssExtractPlugin ( {
258- filename : `[name].css` ,
259- chunkFilename : `[id].css` ,
260- allChunks : true ,
261- } ) ,
262257 new NoEmitPlugin ( [ 'css/pattern-lab.js' ] ) ,
263258 ] ,
264259 } ;
@@ -298,6 +293,13 @@ module.exports = function() {
298293 } ,
299294 ] ,
300295 } ,
296+ plugins : [
297+ new MiniCssExtractPlugin ( {
298+ filename : `[name].css` ,
299+ chunkFilename : `[id].css` ,
300+ allChunks : true ,
301+ } ) ,
302+ ]
301303 } ) ;
302304
303305 const modernConfig = merge ( webpackConfig , {
@@ -343,86 +345,89 @@ module.exports = function() {
343345 beforeEmit : false ,
344346 }
345347 ) ,
348+ new PrerenderSPAPlugin ( {
349+ // Required - The path to the webpack-outputted app to prerender.
350+ // staticDir: path.join(__dirname, 'dist'),
351+ staticDir : path . resolve ( process . cwd ( ) , `${ config . buildDir } ) ,
352+ // Required - Routes to render.
353+ routes : [ '/' ] ,
354+ postProcess ( context ) {
355+ context . html = context . html . replace (
356+ / < s c r i p t \s [ ^ > ] * c h a r s e t = \" u t f - 8 \" [ ^ > ] * > < \/ s c r i p t > / gi,
357+ '' ,
358+ ) ;
359+ return context ;
360+ } ,
361+ renderer : new Renderer ( {
362+ // Optional - The name of the property to add to the window object with the contents of `inject`.
363+ injectProperty : '__PRERENDER_INJECTED' ,
364+ // Optional - Any values you'd like your app to have access to via `window.injectProperty`.
365+ inject : {
366+ foo : 'bar' ,
367+ } ,
368+ } ) ,
369+ } ) ,
346370 new HtmlWebpackPlugin ( {
347371 filename : '../index.html' ,
348372 template : 'src/html/index.html' ,
349373 inject : false ,
350374 } ) ,
375+ new MiniCssExtractPlugin ( {
376+ filename : `[name].css` ,
377+ chunkFilename : `[id].css` ,
378+ allChunks : true ,
379+ } ) ,
351380 ] ,
352381 } ) ;
353382
354- if ( ! argv . watch ) {
355- if ( localChrome ) {
356- const browserPromise = puppeteer . launch ( {
357- executablePath : localChrome ,
358- ignoreHTTPSErrors : true ,
359- args : [ '--disable-setuid-sandbox' , '--no-sandbox' ] ,
360- // not required to specify here, but saves Penthouse some work if you will
361- // re-use the same viewport for most penthouse calls.
362- defaultViewport : {
363- width : 1300 ,
364- height : 900 ,
365- } ,
366- } ) ;
383+ // if (localChrome) {
384+ // const browserPromise = puppeteer.launch({
385+ // executablePath: localChrome,
386+ // ignoreHTTPSErrors: true,
387+ // args: ['--disable-setuid-sandbox', '--no-sandbox'],
388+ // // not required to specify here, but saves Penthouse some work if you will
389+ // // re-use the same viewport for most penthouse calls.
390+ // defaultViewport: {
391+ // width: 1300,
392+ // height: 900,
393+ // },
394+ // });
367395
368- modernConfig . plugins . push (
369- new PrerenderSPAPlugin ( {
370- // Required - The path to the webpack-outputted app to prerender.
371- // staticDir: path.join(__dirname, 'dist'),
372- staticDir : path . resolve ( process . cwd ( ) , `${ config . buildDir } ) ,
373- // Required - Routes to render.
374- routes : [ '/' ] ,
375- postProcess ( context ) {
376- context . html = context . html . replace (
377- / < s c r i p t \s [ ^ > ] * c h a r s e t = \" u t f - 8 \" [ ^ > ] * > < \/ s c r i p t > / gi,
378- '' ,
379- ) ;
380- return context ;
381- } ,
382- renderer : new Renderer ( {
383- // Optional - The name of the property to add to the window object with the contents of `inject`.
384- injectProperty : '__PRERENDER_INJECTED' ,
385- // Optional - Any values you'd like your app to have access to via `window.injectProperty`.
386- inject : {
387- foo : 'bar' ,
388- } ,
389- } ) ,
390- } ) ,
391- new CriticalCssPlugin ( {
392- base : path . resolve ( __dirname , config . buildDir ) ,
393- src : 'index.html' ,
394- dest : 'index.html' ,
395- inline : true ,
396- minify : true ,
397- extract : false ,
398- width : 1300 ,
399- height : 900 ,
400- penthouse : {
401- keepLargerMediaQueries : true ,
396+ // modernConfig.plugins.push(
397+ // new CriticalCssPlugin({
398+ // base: path.resolve(__dirname, config.buildDir),
399+ // src: 'index.html',
400+ // dest: 'index.html',
401+ // inline: true,
402+ // minify: true,
403+ // extract: false,
404+ // width: 1300,
405+ // height: 900,
406+ // penthouse: {
407+ // keepLargerMediaQueries: true,
402408
403- // @todo : troubleshoot why forceInclude works w/ Penthouse directly but not w/ Critical
404- forceInclude : [
405- 'pl-logo' ,
406- '.pl-c-logo' ,
407- '.pl-c-logo__img' ,
408- '.pl-c-body--theme-light' ,
409- '.pl-c-body--theme-sidebar' ,
410- '.pl-c-body--theme-sidebar .pl-c-viewport' ,
411- '.pl-c-body--theme-density-compact' ,
412- ] ,
413- timeout : 30000 , // ms; abort critical CSS generation after this timeout
414- maxEmbeddedBase64Length : 1000 ,
415- renderWaitTime : 1000 ,
416- blockJSRequests : false ,
417- puppeteer : {
418- executablePath : localChrome ,
419- getBrowser : ( ) => browserPromise
420- }
421- } ,
422- } )
423- ) ;
424- }
425- }
409+ // // @todo : troubleshoot why forceInclude works w/ Penthouse directly but not w/ Critical
410+ // forceInclude: [
411+ // 'pl-logo',
412+ // '.pl-c-logo',
413+ // '.pl-c-logo__img',
414+ // '.pl-c-body--theme-light',
415+ // '.pl-c-body--theme-sidebar',
416+ // '.pl-c-body--theme-sidebar .pl-c-viewport',
417+ // '.pl-c-body--theme-density-compact',
418+ // ],
419+ // timeout: 30000, // ms; abort critical CSS generation after this timeout
420+ // maxEmbeddedBase64Length: 1000,
421+ // renderWaitTime: 1000,
422+ // blockJSRequests: false,
423+ // puppeteer: {
424+ // executablePath: localChrome,
425+ // getBrowser: () => browserPromise
426+ // }
427+ // },
428+ // })
429+ // );
430+ // }
426431
427432 return resolve ( [ modernConfig , legacyConfig ] ) ;
428433 } ) ;
0 commit comments