2018-03-11 17:16:30 +01:00
|
|
|
const path = require('path');
|
|
|
|
const dev = process.env.NODE_ENV !== 'production';
|
|
|
|
|
|
|
|
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
|
2018-03-18 15:47:43 +01:00
|
|
|
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
2018-03-11 17:16:30 +01:00
|
|
|
|
|
|
|
const config = {
|
2018-03-17 16:20:15 +01:00
|
|
|
target: 'web',
|
2018-03-17 14:03:13 +01:00
|
|
|
mode: dev? 'development' : 'production',
|
2018-03-11 17:16:30 +01:00
|
|
|
entry: {
|
|
|
|
app: './resources/assets/js/index.js',
|
|
|
|
styles: './resources/assets/sass/styles.scss',
|
|
|
|
"export-styles": './resources/assets/sass/export-styles.scss',
|
|
|
|
"print-styles": './resources/assets/sass/print-styles.scss',
|
|
|
|
},
|
|
|
|
output: {
|
|
|
|
filename: '[name].js',
|
|
|
|
path: path.resolve(__dirname, 'public/dist')
|
|
|
|
},
|
|
|
|
module: {
|
|
|
|
rules: [
|
|
|
|
{
|
|
|
|
test: /\.js$/,
|
|
|
|
exclude: /(node_modules)/,
|
|
|
|
use: {
|
|
|
|
loader: 'babel-loader',
|
|
|
|
options: {
|
2018-07-14 11:20:49 +02:00
|
|
|
presets: [[
|
|
|
|
'@babel/preset-env', {
|
|
|
|
useBuiltIns: 'usage'
|
|
|
|
}
|
|
|
|
]]
|
2018-03-11 17:16:30 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
test: /\.scss$/,
|
2018-03-18 15:47:43 +01:00
|
|
|
use: ExtractTextPlugin.extract({
|
|
|
|
fallback: "style-loader",
|
|
|
|
use: [{
|
|
|
|
loader: "css-loader", options: {
|
|
|
|
sourceMap: dev
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
loader: 'postcss-loader',
|
|
|
|
options: {
|
|
|
|
ident: 'postcss',
|
|
|
|
sourceMap: dev,
|
|
|
|
plugins: (loader) => [
|
|
|
|
require('autoprefixer')(),
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
loader: "sass-loader", options: {
|
|
|
|
sourceMap: dev
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
})
|
2018-03-11 17:16:30 +01:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
2018-03-18 15:47:43 +01:00
|
|
|
plugins: [
|
|
|
|
new ExtractTextPlugin("[name].css"),
|
|
|
|
]
|
2018-03-11 17:16:30 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
if (dev) {
|
|
|
|
config['devtool'] = 'inline-source-map';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!dev) {
|
|
|
|
config.plugins.push(new UglifyJsPlugin());
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = config;
|