kopia lustrzana https://github.com/FacilMap/facilmap
129 wiersze
3.0 KiB
TypeScript
129 wiersze
3.0 KiB
TypeScript
import webpack, { Configuration } from "webpack";
|
|
import copyPlugin from "copy-webpack-plugin";
|
|
import htmlPlugin from "html-webpack-plugin";
|
|
import { compile, CompilerOptions } from "vue-template-compiler";
|
|
import svgToMiniDataURI from "mini-svg-data-uri";
|
|
//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: {
|
|
filename: "frontend-[name]-[hash].js",
|
|
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',
|
|
exclude: [
|
|
`${__dirname}/static/favicon-180.png`
|
|
]
|
|
},
|
|
{
|
|
test: /\.(svg)$/,
|
|
type: 'asset/inline',
|
|
generator: {
|
|
dataUrl: (content: any) => {
|
|
content = content.toString();
|
|
return svgToMiniDataURI(content);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.(html|ejs)$/,
|
|
use: "html-loader"
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
loader: "vue-template-loader",
|
|
options: {
|
|
transformAssetUrls: {
|
|
img: 'src'
|
|
},
|
|
compiler: {
|
|
compile: (template: string, options: CompilerOptions) => compile(template, { ...options, whitespace: "condense" })
|
|
}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
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",
|
|
"favicon.ico",
|
|
"favicon.svg",
|
|
"favicon-64.png",
|
|
"favicon-180.png",
|
|
"app-512.png"
|
|
].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
|
|
}
|
|
};
|
|
}; |