You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.9 KiB
45 lines
1.9 KiB
// This script copies src/index.html into /dist/index.html
|
|
// and adds TrackJS error tracking code for use in production
|
|
// when useTrackJs is set to true below and a trackJsToken is provided.
|
|
// This is a good example of using Node and cheerio to do a simple file transformation.
|
|
// In this case, the transformation is useful since we only want to track errors in the built production code.
|
|
|
|
// Allowing console calls below since this is a build file.
|
|
/*eslint-disable no-console */
|
|
|
|
import fs from 'fs';
|
|
import colors from 'colors';
|
|
import cheerio from 'cheerio';
|
|
|
|
const useTrackJs = true; // If you choose not to use TrackJS, just set this to false and the build warning will go away.
|
|
const trackJsToken = ''; // If you choose to use TrackJS, insert your unique token here. To get a token, go to https://trackjs.com
|
|
|
|
fs.readFile('src/index.html', 'utf8', (err, markup) => {
|
|
if (err) {
|
|
return console.log(err);
|
|
}
|
|
|
|
const $ = cheerio.load(markup);
|
|
|
|
// since a separate spreadsheet is only utilized for the production build, need to dynamically add this here.
|
|
$('head').prepend('<link rel="stylesheet" href="styles.css">');
|
|
|
|
if (useTrackJs) {
|
|
if (trackJsToken) {
|
|
const trackJsCode = `<!-- BEGIN TRACKJS Note: This should be the first <script> on the page per https://my.trackjs.com/install --><script>window._trackJs = { token: '${trackJsToken}' };</script><script src=https://d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js></script><!-- END TRACKJS -->`;
|
|
|
|
$('head').prepend(trackJsCode); // add TrackJS tracking code to the top of <head>
|
|
} else {
|
|
console.log('To track JavaScript errors, sign up for a free trial at TrackJS.com and enter your token in /tools/build.html on line 10.'.yellow);
|
|
}
|
|
}
|
|
|
|
fs.writeFile('dist/index.html', $.html(), 'utf8', function (err) {
|
|
if (err) {
|
|
return console.log(err);
|
|
}
|
|
});
|
|
|
|
console.log('index.html written to /dist'.green);
|
|
});
|
|
|