vue webpack打包配置生成的源映射文件不包含源代码内容、加密混淆压缩
    		       		warning:
    		            这篇文章距离上次修改已过436天,其中的内容可能已经有所变动。
    		        
        		                
                为了生成不包含源码内容的源映射文件,并进行加密和混淆压缩,您可以使用webpack的插件来实现这些功能。以下是一个基本的webpack配置示例,展示了如何配置以生成源映射文件,并使用UglifyJS插件进行加密和压缩:
const webpack = require('webpack');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 
module.exports = {
  // ... 其他webpack配置
  devtool: 'source-map', // 生成源映射文件
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    new UglifyJsPlugin({
      sourceMap: true,
      uglifyOptions: {
        compress: {
          warnings: false,
          // 在这里可以添加自定义压缩选项
        },
        mangle: true, // 混淆变量名
        output: {
          comments: false, // 去掉注释
        },
      },
    }),
    new OptimizeCSSAssetsPlugin({}) // 压缩CSS
  ]
};在这个配置中,devtool 选项被设置为 'source-map' 来生成源映射文件。UglifyJsPlugin 用于加密和压缩JavaScript代码,同时保留了源映射文件的功能。OptimizeCSSAssetsPlugin 用于压缩CSS资源。
请注意,这只是一个基础示例,根据您的项目具体需求,可能需要添加或调整更多配置。
评论已关闭