mirror of https://github.com/Kylart/KawAnime.git
100 lines
2.6 KiB
JavaScript
100 lines
2.6 KiB
JavaScript
const path = require('path')
|
|
const chalk = require('chalk')
|
|
const vueConfig = require('./vue-loader.config')
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
|
|
const ProgressBarPlugin = require('progress-bar-webpack-plugin')
|
|
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
|
|
|
|
const isDev = process.env.NODE_ENV === 'development'
|
|
const resolve = (file) => path.resolve(__dirname, '..', 'app', 'web', file)
|
|
|
|
module.exports = {
|
|
devtool: !isDev
|
|
? false
|
|
: '#cheap-module-source-map',
|
|
output: {
|
|
path: resolve('public'),
|
|
publicPath: '/public/',
|
|
filename: '[name].[chunkhash].js'
|
|
},
|
|
resolve: {
|
|
extensions: ['*', '.js', '.json', '.vue'],
|
|
alias: {
|
|
'assets': resolve('assets'),
|
|
'stylus': resolve('assets/stylus'),
|
|
'components': resolve('components'),
|
|
'mixins': resolve('mixins'),
|
|
'pages': resolve('pages'),
|
|
'public': resolve('public'),
|
|
'router': resolve('router'),
|
|
'static': resolve('static'),
|
|
'store': resolve('store'),
|
|
'vue$': 'vue/dist/vue.esm.js'
|
|
}
|
|
},
|
|
module: {
|
|
noParse: /es6-promise\.js$/, // avoid webpack shimming process
|
|
rules: [
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader',
|
|
options: vueConfig,
|
|
exclude: /node_modules/
|
|
},
|
|
{
|
|
test: /\.js$/,
|
|
loader: 'babel-loader',
|
|
exclude: /node_modules/
|
|
},
|
|
{
|
|
test: /\.styl$/,
|
|
loader: ['vue-style-loader', 'css-loader', 'stylus-loader']
|
|
},
|
|
{
|
|
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
|
loader: 'url-loader',
|
|
query: {
|
|
limit: 10000,
|
|
name: 'img/[name].[hash:7].[ext]'
|
|
}
|
|
},
|
|
{
|
|
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 1000,
|
|
name: 'fonts/[name].[hash:7].[ext]'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
performance: {
|
|
maxEntrypointSize: 300000,
|
|
hints: !isDev ? 'warning' : false
|
|
},
|
|
mode: isDev ? 'development' : 'production',
|
|
optimization: {
|
|
minimize: true
|
|
},
|
|
plugins: !isDev
|
|
? [
|
|
new MiniCssExtractPlugin({
|
|
filename: 'common.[chunkhash].css'
|
|
}),
|
|
new OptimizeCSSPlugin({
|
|
cssProcessorOptions: {
|
|
safe: true,
|
|
discardComments: { removeAll: true }
|
|
}
|
|
}),
|
|
new ProgressBarPlugin({
|
|
format: chalk.cyan('> build') + ' [:bar] ' + chalk.green.bold(':percent') + ' (:elapsed seconds)',
|
|
clear: true
|
|
})
|
|
]
|
|
: [
|
|
new FriendlyErrorsPlugin()
|
|
]
|
|
}
|