vue-cli3 webpack4 如何生成source-map文件

Question

vue-cli3 + webpack 打包生成的文件中不包含map文件，我需要在开发环境和生产环境都产出map

vue.config.js中配置如下

module.exports = {
    // 选项...
    lintOnSave: false,
    runtimeCompiler: true,
    productionSourceMap: true,
    devServer: {
        port: 8084,
        https: false,
        hotOnly: false,
        // proxy: null, // 设置代理
        proxy: false,
        before: app => { }
    },
    configureWebpack: {
        resolve: {
            alias: {
                // 修改Vue倍导入时包的路径
                "vue$": "vue/dist/vue.js"
            }
        },
        //压缩js
        optimization: {
            minimizer: [
                new UglifyJsPlugin({
                    uglifyOptions: {
                        compress: false
                    }
                })
            ]
        },

        
        plugins: [
            // new BundleAnalyzerPlugin({
            //     analyzerMode: 'server',
            //     analyzerHost: '127.0.0.1',
            //     analyzerPort: 9999,
            //     reportFilename: 'report.html',
            //     defaultSizes: 'parsed',
            //     openAnalyzer: true,
            //     generateStatsFile: false,
            //     statsFilename: 'stats.json',
            //     logLevel: 'info'
            // })
        ]
    }
}

生成的js目录下 有很多chunk文件，但是没有map

Answer 1

已解决 不能用压缩插件

Answer 2

不是没生成map文件，而是没生成单独的map文件，所以调试不了。配置output.devtoolModuleFilenameTemplate即可解决