-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack.config.js
116 lines (106 loc) · 3.25 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/** The port node.js starts a web server on, always on https://127.0.0.1 . */
const dev_webserver_port = process.env.npm_package_config_dev_server_port || 3000;
/** The host URL and domain used to generate the /dist/manifest.xml */
const plugin_host_url = process.env.npm_package_config_plugin_host_url || "https://oslo.mywebserver.dev/";
const plugin_host_domain = process.env.npm_package_config_plugin_host_domain || "oslo.mywebserver.dev";
const devCerts = require("office-addin-dev-certs");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const fs = require("fs");
const webpack = require("webpack");
module.exports = async (env, options) => {
const dev = options.mode === "development";
const config = {
devtool: "source-map",
entry: {
polyfill: "@babel/polyfill",
taskpane: "./src/taskpane/taskpane.ts"
},
resolve: {
extensions: [".ts", ".tsx", ".html", ".js"]
},
module: {
rules: [{
test: /\.ts$/,
exclude: /node_modules/,
use: "babel-loader"
}, {
test: /\.tsx?$/,
exclude: /node_modules/,
use: "ts-loader"
}, {
test: /\.html$/,
exclude: /node_modules/,
use: "html-loader"
}, {
test: /\.(png|jpg|jpeg|gif|json)$/,
use: "file-loader"
}]
},
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
filename: "taskpane.html",
template: "./src/taskpane/taskpane.html",
chunks: ["polyfill", "taskpane"]
}),
new CopyWebpackPlugin([ {
from: "./src/taskpane/taskpane.css",
to: "taskpane.css"
}, {
from: "./assets/vo_logo_32.png",
to: "assets/vo_logo_32.png"
},{
from: "./assets/vo_logo_64.png",
to: "assets/vo_logo_64.png"
}, {
from: "./assets/vo_oslo_logo.png",
to: "assets/vo_oslo_logo.png"
}, {
from: "./assets/vo_logo_large.png",
to: "assets/vo_logo_large.png"
}, {
from: "./src/taskpane/oslo_terminology.json",
to: "oslo_terminology.json"
}, {
from: "./manifest.template.xml",
to: "manifest.xml",
transform: (content, path) => replace_placeholders_dist(content)
}, {
from: "./manifest.template.xml",
to: "../manifest.xml",
force: true,
transform: (content, path) => replace_placeholders_dev(content)
}, {
from: "./src/locales/en.json",
to: "en.json"
}, {
from: "./src/locales/nl.json",
to: "nl.json"
}
])
],
devServer: {
headers: {
"Access-Control-Allow-Origin": "*"
},
https: (options.https !== undefined) ? options.https : await devCerts.getHttpsServerOptions(),
port: dev_webserver_port
}
};
return config;
};
const template_generated_from = "Generated from manifest.template.xml";
function replace_placeholders_dist(content) {
return content.toString()
.replace(/{{template_info}}/, template_generated_from + " (deploy mode)")
.replace(/{{plugin_host_url}}/g, plugin_host_url)
.replace(/{{plugin_host_domain}}/g, plugin_host_domain);
}
function replace_placeholders_dev(content) {
return content.toString()
.replace(/{{template_info}}/, template_generated_from + " (local test mode)")
.replace(/{{plugin_host_url}}/g, "https://127.0.0.1:" + dev_webserver_port + "/")
.replace(/{{plugin_host_domain}}/g, "localhost");
}