No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Quasar build without minimize the files

    Help
    3
    3
    2305
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      Epo last edited by

      Hi,

      Where or how i have to update the webpack configuration, that my quasar build will not be minimized?

      1 Reply Last reply Reply Quote 0
      • S
        spectrolite last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • a47ae
          a47ae last edited by

          Delete the lines marked with -- from webpack.prod.conf.js

          var
            path = require('path'),
            config = require('../config'),
            cssUtils = require('./css-utils'),
            webpack = require('webpack'),
            merge = require('webpack-merge'),
            baseWebpackConfig = require('./webpack.base.conf'),
            ExtractTextPlugin = require('extract-text-webpack-plugin'),
            HtmlWebpackPlugin = require('html-webpack-plugin'),
            --OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
          
          module.exports = merge(baseWebpackConfig, {
            module: {
              rules: cssUtils.styleRules({
                sourceMap: config.build.productionSourceMap,
                extract: true,
                postcss: true
              })
            },
            devtool: config.build.productionSourceMap ? '#source-map' : false,
            plugins: [
              -- new webpack.optimize.UglifyJsPlugin({
                -- sourceMap: config.build.productionSourceMap,
                -- minimize: true,
                -- compress: {
                  -- warnings: false
                -- }
              }),
              // Compress extracted CSS. We are using this plugin so that possible
              // duplicated CSS from different components can be deduped.
              -- new OptimizeCSSPlugin({
                --- cssProcessorOptions: {
                  -- safe: true
                -- }
              -- }),
              // extract css into its own file
              new ExtractTextPlugin({
                filename: '[name].[contenthash].css'
              }),
              new HtmlWebpackPlugin({
                filename: path.resolve(__dirname, '../dist/index.html'),
                template: 'src/index.html',
                inject: true,
                minify: {
                  removeComments: true,
                  collapseWhitespace: true,
                  removeAttributeQuotes: true
                  // more options:
                  // https://github.com/kangax/html-minifier#options-quick-reference
                },
                // necessary to consistently work with multiple chunks via CommonsChunkPlugin
                chunksSortMode: 'dependency'
              }),
              // split vendor js into its own file
              new webpack.optimize.CommonsChunkPlugin({
                name: 'vendor',
                minChunks: function (module, count) {
                  // any required modules inside node_modules are extracted to vendor
                  return (
                    module.resource &&
                    /\.js$/.test(module.resource) &&
                    (
                      module.resource.indexOf('quasar') > -1 ||
                      module.resource.indexOf(
                        path.join(__dirname, '../node_modules')
                      ) === 0
                    )
                  )
                }
              }),
              // extract webpack runtime and module manifest to its own file in order to
              // prevent vendor hash from being updated whenever app bundle is updated
              new webpack.optimize.CommonsChunkPlugin({
                name: 'manifest',
                chunks: ['vendor']
              })
            ]
          })
          
          
          1 Reply Last reply Reply Quote 2
          • First post
            Last post