webpack打包vue-cli项目之webpack.prod.conf.js文件分析

        这个文件是打包过程汇总的核心文件,文件中声明的对象webpackConfig也是整个打包过程中的核心对象。

1.导入相关对象

const path = require('path')
// 下面是utils工具配置文件,主要用来处理css类文件的loader
const utils = require('./utils')
// 下面引入webpack,来使用webpack内置插件s
const webpack = require('webpack')
// 下面是config目录下的index.js配置文件,主要用来定义了生产和开发环境的相关基础配置
const config = require('../config')
  // webpack-merge是一个可以合并数组和对象的插件
const merge = require('webpack-merge') 
 //webpack 基本配置文件
const baseWebpackConfig = require('./webpack.base.conf') 
// copy-webpack-plugin,用于将static中的静态文件复制到产品文件夹dist
const CopyWebpackPlugin = require('copy-webpack-plugin')
// html-webpack-plugin用于将webpack编译打包后的产品文件注入到html模板中
// 即在index.html里面加上
                    
                    

你可能感兴趣的:(前台)