86 lines
1.7 KiB
JavaScript
86 lines
1.7 KiB
JavaScript
|
var path = require('path');
|
||
|
var webpack = require('webpack');
|
||
|
var UglifyJSPlugin = require('uglifyjs-webpack-plugin');
|
||
|
|
||
|
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||
|
|
||
|
const extractSass = new ExtractTextPlugin({
|
||
|
filename: "[name].css",
|
||
|
disable: process.env.NODE_ENV === "development"
|
||
|
});
|
||
|
|
||
|
var mod_common = {
|
||
|
rules: [
|
||
|
{
|
||
|
test: /\.css$/,
|
||
|
use: [
|
||
|
'vue-style-loader',
|
||
|
'css-loader'
|
||
|
],
|
||
|
}, {
|
||
|
test: /\.vue$/,
|
||
|
loader: 'vue-loader',
|
||
|
options: {
|
||
|
loaders: {} // other vue-loader options go here
|
||
|
}
|
||
|
}, {
|
||
|
test: /\.js$/,
|
||
|
loader: 'babel-loader',
|
||
|
exclude: /node_modules/
|
||
|
}, {
|
||
|
test: /\.(png|jpg|gif)$/,
|
||
|
loader: 'file-loader',
|
||
|
options: { name: '[name].[ext]?[hash]' }
|
||
|
}, {
|
||
|
test: /\.svg$/,
|
||
|
loader: 'vue-svg-loader', // `vue-svg` for webpack 1.x
|
||
|
options: {
|
||
|
// optional [svgo](https://github.com/svg/svgo) options
|
||
|
svgo: {
|
||
|
plugins: [
|
||
|
{removeDoctype: true},
|
||
|
{removeComments: true}
|
||
|
]
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
]
|
||
|
};
|
||
|
|
||
|
|
||
|
|
||
|
module.exports = {
|
||
|
|
||
|
name: "main",
|
||
|
entry: './webpack/main.js',
|
||
|
output: {
|
||
|
path: path.resolve(__dirname, './public_html/js'),
|
||
|
publicPath: '/js/',
|
||
|
filename: 'bundle.js'
|
||
|
},
|
||
|
module: mod_common,
|
||
|
devtool: (process.env.NODE_ENV==='development') ? '#eval-source-map' : false
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
if (process.env.NODE_ENV === 'production') {
|
||
|
|
||
|
// http://vue-loader.vuejs.org/en/workflow/production.html
|
||
|
module.exports.plugins = (module.exports.plugins || []).concat([
|
||
|
new webpack.DefinePlugin({
|
||
|
'process.env': {
|
||
|
NODE_ENV: '"production"'
|
||
|
}
|
||
|
}),
|
||
|
new UglifyJSPlugin({
|
||
|
sourceMap: true
|
||
|
}),
|
||
|
new webpack.LoaderOptionsPlugin({
|
||
|
minimize: true
|
||
|
})
|
||
|
])
|
||
|
|
||
|
}
|