|
|
const webpack = require('webpack');
|
|
|
const merge = require('webpack-merge');
|
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
|
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
|
|
const VueSSRClientPlugin = require('vue-server-renderer/client-plugin');
|
|
|
const pkg = require('../package.json');
|
|
|
let baseConfig = require('./webpack.base.conf');
|
|
|
const isProd = process.env.NODE_ENV === 'production';
|
|
|
|
|
|
const webpackConfig = merge(baseConfig, {
|
|
|
entry: {
|
...
|
...
|
@@ -43,6 +45,52 @@ const webpackConfig = merge(baseConfig, { |
|
|
}
|
|
|
}
|
|
|
},
|
|
|
module: {
|
|
|
rules: [
|
|
|
{
|
|
|
test: /\.s?css$/,
|
|
|
use: [
|
|
|
isProd ? MiniCssExtractPlugin.loader : 'vue-style-loader',
|
|
|
'css-loader',
|
|
|
'postcss-loader',
|
|
|
{
|
|
|
loader: 'sass-loader',
|
|
|
options: {
|
|
|
sourceMap: isProd
|
|
|
}
|
|
|
}]
|
|
|
}, {
|
|
|
test: /\.styl(us)?$/,
|
|
|
use: [
|
|
|
isProd ? MiniCssExtractPlugin.loader : 'vue-style-loader',
|
|
|
'css-loader',
|
|
|
'postcss-loader',
|
|
|
{
|
|
|
loader: 'stylus-loader',
|
|
|
options: {
|
|
|
sourceMap: isProd,
|
|
|
'resolve url': true
|
|
|
}
|
|
|
}]
|
|
|
}, {
|
|
|
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
|
|
use: {
|
|
|
loader: 'file-loader',
|
|
|
options: {
|
|
|
name: 'static/img/[name].[hash:7].[ext]'
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
|
|
use: {
|
|
|
loader: 'file-loader',
|
|
|
options: {
|
|
|
name: 'static/img/[name].[hash:7].[ext]'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
resolve: {
|
|
|
alias: {
|
|
|
'create-api': 'common/create-api-client.js'
|
...
|
...
|
@@ -61,5 +109,12 @@ const webpackConfig = merge(baseConfig, { |
|
|
if (process.argv.some(a => a === '--report')) {
|
|
|
webpackConfig.plugins.push(new BundleAnalyzerPlugin());
|
|
|
}
|
|
|
|
|
|
if (isProd) {
|
|
|
webpackConfig.plugins.push(
|
|
|
new MiniCssExtractPlugin({
|
|
|
filename: 'static/css/[name].[contenthash].css',
|
|
|
allChunks: true
|
|
|
})
|
|
|
);
|
|
|
}
|
|
|
module.exports = webpackConfig; |
...
|
...
|
|