This commit is contained in:
2021-05-20 10:01:58 +02:00
parent d21a33ab42
commit 783373da22
7 changed files with 172 additions and 132 deletions

View File

@@ -11,15 +11,15 @@ const webpackConfig = function(isDev) {
resolve: {
extensions: [".js", ".vue"],
alias: {
vue$: "vue/dist/vue.min.js",
"@": helpers.root("frontend")
}
"vue$": "vue/dist/vue.min.js",
"@": helpers.root("frontend"),
},
},
entry: {
vinlottis: helpers.root("frontend", "vinlottis-init")
vinlottis: helpers.root("frontend", "vinlottis-init"),
},
externals: {
moment: 'moment' // comes with chart.js
moment: "moment", // comes with chart.js
},
module: {
rules: [
@@ -31,45 +31,45 @@ const webpackConfig = function(isDev) {
options: {
loaders: {
scss: "vue-style-loader!css-loader!sass-loader",
sass: "vue-style-loader!css-loader!sass-loader?indentedSyntax"
}
}
}
]
sass: "vue-style-loader!css-loader!sass-loader?indentedSyntax",
},
},
},
],
},
{
test: /\.js$/,
use: [ "babel-loader" ],
include: [helpers.root("frontend")]
use: ["babel-loader"],
include: [helpers.root("frontend")],
},
{
test: /\.css$/,
use: [
MiniCSSExtractPlugin.loader,
{ loader: "css-loader", options: { sourceMap: isDev } }
]
{ loader: "css-loader", options: { sourceMap: isDev } },
],
},
{
test: /\.scss$/,
use: [
MiniCSSExtractPlugin.loader,
{ loader: "css-loader", options: { sourceMap: isDev } },
{ loader: "sass-loader", options: { sourceMap: isDev } }
]
{ loader: "sass-loader", options: { sourceMap: isDev } },
],
},
{
test: /\.woff(2)?(\?[a-z0-9]+)?$/,
loader: "url-loader",
options: {
limit: 10000,
mimetype: "application/font-woff"
}
mimetype: "application/font-woff",
},
},
{
test: /\.(ttf|eot|svg)(\?[a-z0-9]+)?$/,
loader: "file-loader"
}
]
loader: "file-loader",
},
],
},
plugins: [
new VueLoaderPlugin(),

View File

@@ -15,20 +15,20 @@ let webpackConfig = merge(commonConfig(true), {
output: {
path: helpers.root("dist"),
publicPath: "/",
filename: "js/[name].bundle.js"
filename: "js/[name].bundle.js",
},
optimization: {
concatenateModules: true,
splitChunks: {
chunks: "initial"
}
chunks: "initial",
},
},
plugins: [
new webpack.EnvironmentPlugin(environment),
new FriendlyErrorsPlugin(),
new MiniCSSExtractPlugin({
filename: "css/[name].css"
})
filename: "css/[name].css",
}),
],
devServer: {
compress: true,
@@ -37,29 +37,29 @@ let webpackConfig = merge(commonConfig(true), {
hot: true,
overlay: true,
stats: {
normal: true
normal: true,
},
proxy: {
"/api": {
target: "http://localhost:30030",
changeOrigin: true
changeOrigin: true,
},
"/socket.io": {
target: "ws://localhost:30030",
changeOrigin: false,
ws: true
}
ws: true,
},
},
writeToDisk: false
}
writeToDisk: false,
},
});
webpackConfig = merge(webpackConfig, {
plugins: [
new HtmlWebpackPlugin({
template: "frontend/templates/Index.html"
})
]
template: "frontend/templates/Index.html",
}),
],
});
module.exports = webpackConfig;