summaryrefslogtreecommitdiff
path: root/webpack.config.js
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2017-10-14 18:14:56 +0300
committerYuval Adam <_@yuv.al>2017-10-14 18:15:22 +0300
commit33eef57b24357f4a68d4c210b0b7b3b7633779cd (patch)
treeb969e1a7007b260f1e7605bbfff283459403d845 /webpack.config.js
parente2005d0bc8f8e4c3a59d2e19a98ffb2c9651bce9 (diff)
Initial webpack build seems to work
Diffstat (limited to 'webpack.config.js')
-rw-r--r--webpack.config.js71
1 files changed, 71 insertions, 0 deletions
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..62d5f06
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,71 @@
+var path = require('path')
+var webpack = require('webpack')
+
+module.exports = {
+ entry: './geshem.js',
+ output: {
+ path: path.resolve(__dirname, './static/js'),
+ publicPath: '/static/js/',
+ filename: 'build.js'
+ },
+ module: {
+ rules: [
+ {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ loaders: {
+ // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
+ // the "scss" and "sass" values for the lang attribute to the right configs here.
+ // other preprocessors should work out of the box, no loader config like this necessary.
+ 'scss': 'vue-style-loader!css-loader!sass-loader',
+ 'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
+ }
+ // other vue-loader options go here
+ }
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg)$/,
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]?[hash]'
+ }
+ }
+ ]
+ },
+ resolve: {
+ alias: {
+ 'vue$': 'vue/dist/vue.esm.js'
+ }
+ },
+ performance: {
+ hints: false
+ },
+ devtool: '#eval-source-map'
+}
+
+if (process.env.NODE_ENV === 'production') {
+ module.exports.devtool = '#source-map'
+ // 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 webpack.optimize.UglifyJsPlugin({
+ sourceMap: true,
+ compress: {
+ warnings: false
+ }
+ }),
+ new webpack.LoaderOptionsPlugin({
+ minimize: true
+ })
+ ])
+}