Initial commit
This commit is contained in:
@@ -0,0 +1,149 @@
|
||||
const webpack = require('webpack');
|
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
|
||||
module.exports = function webpackConfig (env) {
|
||||
let devMode = (env !== 'production');
|
||||
return {
|
||||
devtool: devMode ? 'sourcemap' : false,
|
||||
entry: {
|
||||
vendor: [
|
||||
'jquery', 'vue', 'bootstrap/dist/js/bootstrap', 'slick-carousel',
|
||||
'moment', 'cookieconsent', 'picturefill', '@fancyapps/fancybox'
|
||||
],
|
||||
main: './Resources/Private/Assets/js/main.js',
|
||||
boarderweek: './Resources/Private/Assets/js/boarderweek.js',
|
||||
snowzone: './Resources/Private/Assets/js/snowzone.js',
|
||||
unichamp: './Resources/Private/Assets/js/unichamp.js',
|
||||
rte: './Resources/Private/Assets/css/rte.css'
|
||||
},
|
||||
output: {
|
||||
path: __dirname + '/Resources/Public/js',
|
||||
publicPath: '/typo3conf/ext/ep_theme/Resources/Public/',
|
||||
filename: '[name].min.js'
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
jquery: __dirname + '/node_modules/jquery/src/jquery',
|
||||
vue: devMode ? 'vue/dist/vue' : 'vue/dist/vue.min'
|
||||
}
|
||||
},
|
||||
externals: {
|
||||
'google': 'google'
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
presets: ['es2015']
|
||||
}
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
test: /\.vue$/,
|
||||
use: [ 'vue-loader' ]
|
||||
},
|
||||
{
|
||||
test: /\.(s)?css$/,
|
||||
use: ExtractTextPlugin.extract({
|
||||
fallback: 'style-loader',
|
||||
use: [
|
||||
{ loader: 'css-loader', options: { sourceMap: true, importLoaders: 3 } },
|
||||
{ loader: 'postcss-loader', options: { sourceMap: true } },
|
||||
'resolve-url-loader',
|
||||
{ loader: 'sass-loader', options: { sourceMap: true } }
|
||||
]
|
||||
})
|
||||
},
|
||||
{
|
||||
test: /\.svg$/,
|
||||
exclude: /fonts/,
|
||||
use: [
|
||||
{
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
name: '[name].[ext]',
|
||||
outputPath: '../images/',
|
||||
publicPath: '/typo3conf/ext/ep_theme/Resources/Public/images/'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.(woff|woff2|eot|ttf|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||
exclude: /images/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: '[name].[ext]',
|
||||
outputPath: '../fonts/',
|
||||
publicPath: '/typo3conf/ext/ep_theme/Resources/Public/fonts/'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.(gif|png)$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 4096,
|
||||
name: '[name].[ext]',
|
||||
outputPath: '../images/',
|
||||
publicPath: '/typo3conf/ext/ep_theme/Resources/Public/images/'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.(jpg|ico)$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: '[name].[ext]',
|
||||
outputPath: '../images/',
|
||||
publicPath: '/typo3conf/ext/ep_theme/Resources/Public/images/'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'vendor',
|
||||
minChunks: Infinity
|
||||
}),
|
||||
new webpack.ProvidePlugin({
|
||||
$: 'jquery',
|
||||
jQuery: 'jquery'
|
||||
}),
|
||||
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
||||
new ExtractTextPlugin({
|
||||
filename: '../css/[name].min.css',
|
||||
}),
|
||||
new CopyWebpackPlugin(
|
||||
[
|
||||
{
|
||||
context: __dirname + '/Resources/Private/Assets/images',
|
||||
from: '**/*',
|
||||
to: __dirname + '/Resources/Public/images',
|
||||
}
|
||||
]
|
||||
),
|
||||
new CleanWebpackPlugin([
|
||||
'Resources/Public/css',
|
||||
'Resources/Public/images',
|
||||
'Resources/Public/js',
|
||||
'Resources/Public/fonts'
|
||||
])
|
||||
]
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user