Build error Framework7 Vue + Webpack App Template

wouterb · October 7, 2019, 8:49am

Hi guys,

Can anyone help? (I already removed node_modules and tried a new npm install)

Since i upgraded my NPM to 6.9.0, i get a build error when i build for production:

node ./build/prod.js

Hash: 500e15cffd6aafa9440e
Version: webpack 4.41.0
Time: 37335ms
Built at: 2019-10-07 10:46:26
Asset Size Chunks Chunk Names
0.app.css 49 bytes 0
0.app.css.map 394 bytes
0.app.js 2.67 KiB 0
1.app.js 2.35 KiB 1
3.app.css 5.51 KiB 3
3.app.css.map 9.68 KiB
3.app.js 102 bytes 3
4.app.css 4.06 KiB 4
4.app.css.map 7.28 KiB
4.app.js 101 bytes 4
app.css 506 KiB 2 main
app.css.map 771 KiB
app.js 2.86 MiB 2 main
fonts/ionicons.96f1c90.woff2 49.4 KiB
fonts/ionicons.99b8634.woff 64.4 KiB
fonts/ionicons.a558ac7.eot 110 KiB
fonts/ionicons.ef4a9f2.ttf 110 KiB
images/bg.8be226e.jpg 388 KiB
images/bg.924549d.jpg 257 KiB
images/ionicons.d659209.svg 305 KiB
Entrypoint main = app.css app.js

ERROR in 0.app.js from UglifyJs
warnings is not a supported option

ERROR in 1.app.js from UglifyJs
warnings is not a supported option

ERROR in app.js from UglifyJs
warnings is not a supported option

ERROR in 3.app.js from UglifyJs
warnings is not a supported option

ERROR in 4.app.js from UglifyJs
warnings is not a supported option

Build failed with errors.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build-prod: node ./build/prod.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build-prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

wouterb · October 7, 2019, 9:07am

Ok i found the issue, it’s a setting in:

github.com

framework7io/framework7-template-vue-webpack/blob/master/build/webpack.config.prod.js

const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

const path = require('path');

function resolvePath(dir) {
  return path.join(__dirname, '..', dir);
}

module.exports = {
  mode: 'production',
  entry: [
    './src/app.js'
  ],
  output: {

This file has been truncated. show original

In the new UglifyJS version
The warnings param should be moved out of the compress like example above. Please upgrade the script!

new UglifyJsPlugin({
uglifyOptions: {
warnings: false
/compress: {
//warnings: value
}/
},

Tom_Chiverton · October 10, 2019, 4:20pm

FYI this file is generated, and is in build_files/webpack.config.prod.js

F7 4.5.x seems effected at the very least.

Raised a bug : https://github.com/framework7io/framework7/issues/3350