diff options
| author | Yuval Adam <_@yuv.al> | 2017-10-14 18:14:56 +0300 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2017-10-14 18:15:22 +0300 |
| commit | 33eef57b24357f4a68d4c210b0b7b3b7633779cd (patch) | |
| tree | b969e1a7007b260f1e7605bbfff283459403d845 /webpack.config.js | |
| parent | e2005d0bc8f8e4c3a59d2e19a98ffb2c9651bce9 (diff) | |
Initial webpack build seems to work
Diffstat (limited to 'webpack.config.js')
| -rw-r--r-- | webpack.config.js | 71 |
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 + }) + ]) +} |
