122 lines
2.8 KiB
JavaScript
122 lines
2.8 KiB
JavaScript
const Webpack = require('webpack')
|
|
const ExtractTextPlugin = require('extract-text-webpack-plugin')
|
|
const CleanPlugin = require('clean-webpack-plugin')
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
|
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
|
|
|
|
const path = require('path')
|
|
|
|
const isProduction = process.env.NODE_ENV === 'production'
|
|
|
|
const join = (...paths) => path.join(__dirname, ...paths)
|
|
|
|
module.exports = {
|
|
resolve: {
|
|
extensions: [
|
|
'.js',
|
|
'.css'
|
|
],
|
|
modules: [
|
|
'source',
|
|
'node_modules'
|
|
]
|
|
},
|
|
watch: !isProduction,
|
|
entry: {
|
|
'main.js': join('source', 'js', 'index.js'),
|
|
'menu.js': join('source', 'js', 'menu.js'),
|
|
'theme.js': join('source', 'js', 'theme.js'),
|
|
'prism.js': join('source', 'js', 'prism.js'),
|
|
'style.css': join('source', 'css', 'style.css'),
|
|
},
|
|
output: {
|
|
filename: '[name]',
|
|
path: join('static/assets'),
|
|
publicPath: ''
|
|
},
|
|
performance: {
|
|
hints: false
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: ['@babel/preset-env']
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.(png|jpg|woff|woff2|ttf|eot|svg)$/,
|
|
use: [
|
|
{
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 8192
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: ExtractTextPlugin.extract({
|
|
fallback: 'style-loader',
|
|
use: [
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
minimize: true,
|
|
modules: true,
|
|
importLoaders: 1,
|
|
localIdentName: '[local]'
|
|
}
|
|
},
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
config: {
|
|
path: 'postcss.config.js'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
})
|
|
}
|
|
]
|
|
},
|
|
optimization: {
|
|
splitChunks: {
|
|
name: 'vendor',
|
|
minChunks: 2
|
|
},
|
|
minimizer: [
|
|
new UglifyJsPlugin({
|
|
sourceMap: false,
|
|
})
|
|
]
|
|
},
|
|
plugins: [
|
|
new CleanPlugin(join('static/assets')),
|
|
new HtmlWebpackPlugin({
|
|
template: join('source', 'html', 'inject.script.ejs'),
|
|
filename: join('layouts', 'partials', 'inject.script.html'),
|
|
inject: false
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
template: join('source', 'html', 'inject.stylesheet.ejs'),
|
|
filename: join('layouts', 'partials', 'inject.stylesheet.html'),
|
|
inject: false,
|
|
}),
|
|
new ExtractTextPlugin('[name]'),
|
|
new Webpack.LoaderOptionsPlugin({
|
|
minimize: true,
|
|
debug: true
|
|
}),
|
|
new Webpack.DefinePlugin({
|
|
'process.env.NODE_ENV': JSON.stringify('development')
|
|
})
|
|
]
|
|
}
|