facilmap/frontend/webpack.config.ts

109 wiersze
2.7 KiB
TypeScript
Czysty Zwykły widok Historia

2021-02-28 22:17:26 +00:00
import webpack, { Configuration } from "webpack";
import copyPlugin from "copy-webpack-plugin";
import htmlPlugin from "html-webpack-plugin";
2021-03-11 17:01:40 +00:00
import { compile, CompilerOptions } from "vue-template-compiler";
2021-02-28 22:17:26 +00:00
//import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
function includeHotMiddleware(entry: string | string[], isDev: boolean): string | string[] {
if(!isDev)
return entry;
if(!Array.isArray(entry))
entry = [ entry ];
return [ "webpack-hot-middleware/client" ].concat(entry);
}
module.exports = (env: any, argv: any): Configuration => {
const isDev = argv.mode == "development" || !!process.env.FM_DEV;
return {
entry: {
map: includeHotMiddleware(__dirname + "/src/map/map.ts", isDev),
table: includeHotMiddleware(__dirname + "/src/table/table.ts", isDev)
},
output: {
2021-04-02 08:01:03 +00:00
filename: "frontend-[name]-[hash].js",
2021-02-28 22:17:26 +00:00
path: __dirname + "/dist/"
},
resolve: {
alias: {
vue: "vue/dist/vue.runtime.esm.js"
},
extensions: ['.ts', '.wasm', '.mjs', '.js', '.json']
},
mode: isDev ? "development" : "production",
devtool: isDev ? "eval-cheap-source-map" : "source-map",
module: {
rules: [
{
resource: /\.ts/,
use: {
loader: "ts-loader",
options: { onlyCompileBundledFiles: true }
}
},
{ test: /\.css$/, use: [ "style-loader", "css-loader" ] },
{ test: /\.scss$/, use: [
"style-loader",
{
loader: "css-loader",
options: {
modules: "global"
}
},
"sass-loader"
]},
{
test: /\.(png|jpe?g|gif|ttf)$/,
type: 'asset/inline'
},
{
test: /\.(svg)$/,
type: 'asset/source'
},
{
test: /\.(html|ejs)$/,
use: "html-loader"
},
{
test: /\.vue$/,
loader: "vue-template-loader",
options: {
transformAssetUrls: {
img: 'src'
2021-03-11 17:01:40 +00:00
},
compiler: {
compile: (template: string, options: CompilerOptions) => compile(template, { ...options, whitespace: "condense" })
2021-02-28 22:17:26 +00:00
}
}
}
],
},
plugins: [
new htmlPlugin({
template: `${__dirname}/src/map/map.ejs`,
filename: "map.ejs",
chunks: ["map"]
}),
new htmlPlugin({
template: `${__dirname}/src/table/table.ejs`,
filename: "table.ejs",
chunks: ["table"]
}),
new copyPlugin({ patterns: [ "deref.html", "opensearch.xml" ].map((file) => ({ from: `${__dirname}/static/${file}` })) }),
...(isDev ? [
new webpack.HotModuleReplacementPlugin()
] : [
//new BundleAnalyzerPlugin(),
]),
],
devServer: {
publicPath: "/dist",
//hotOnly: true,
disableHostCheck: true,
writeToDisk: true,
injectClient: false // https://github.com/webpack/webpack-dev-server/issues/2484
}
};
};