From d76cf4a1693b193bcb2b996d65fae960fd21fb84 Mon Sep 17 00:00:00 2001 From: Hugo Alliaume Date: Mon, 22 Oct 2018 07:17:12 +0200 Subject: [PATCH] feat: use EJS on html files, inject process.env.* vars --- template/package.json | 1 + template/src/options/options.html | 3 +++ template/src/popup/popup.html | 3 +++ template/webpack.config.js | 11 +++++++++-- 4 files changed, 16 insertions(+), 2 deletions(-) diff --git a/template/package.json b/template/package.json index 9435bc05..a6e992c3 100644 --- a/template/package.json +++ b/template/package.json @@ -78,6 +78,7 @@ "copy-webpack-plugin": "^4.5.3", "cross-env": "^5.2.0", "css-loader": "^0.28.11", + "ejs": "^2.6.1", "file-loader": "^1.1.11", "mini-css-extract-plugin": "^0.4.4", "node-sass": "^4.9.3", diff --git a/template/src/options/options.html b/template/src/options/options.html index 2ac193c4..0ad9b157 100644 --- a/template/src/options/options.html +++ b/template/src/options/options.html @@ -4,6 +4,9 @@ {{ name }} - Options + <% if (NODE_ENV === 'development') { %> + + <% } %>
diff --git a/template/src/popup/popup.html b/template/src/popup/popup.html index 70974f0f..0f6fd6bb 100644 --- a/template/src/popup/popup.html +++ b/template/src/popup/popup.html @@ -4,6 +4,9 @@ Title + <% if (NODE_ENV === 'development') { %> + + <% } %>
diff --git a/template/webpack.config.js b/template/webpack.config.js index 049ccee4..5d692d2c 100644 --- a/template/webpack.config.js +++ b/template/webpack.config.js @@ -1,4 +1,5 @@ const webpack = require('webpack'); +const ejs = require('ejs'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const WebpackShellPlugin = require('webpack-shell-plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); @@ -60,8 +61,8 @@ const config = { }), new CopyWebpackPlugin([ { from: 'icons', to: 'icons', ignore: ['icon.xcf'] }, - { from: 'popup/popup.html', to: 'popup/popup.html' },{{#options}} - { from: 'options/options.html', to: 'options/options.html' },{{/options}} + { from: 'popup/popup.html', to: 'popup/popup.html', transform: transformHtml },{{#options}} + { from: 'options/options.html', to: 'options/options.html', transform: transformHtml },{{/options}} { from: 'manifest.json', to: 'manifest.json', @@ -99,4 +100,10 @@ if (process.env.HMR === 'true') { ]); } +function transformHtml(content) { + return ejs.render(content.toString(), { + ...process.env, + }); +} + module.exports = config;