安裝filemanager-webpack-plugin包
-npm install filemanager-webpack-plugin@2.0.5 -D
在vue.config.js添加如下代碼
-"use strict";
const webpack = require("webpack");
const StatsPlugin = require("stats-webpack-plugin");
const isDev = process.env.NODE_ENV === "development";
const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
let plugins = [new StatsPlugin("manifest.json", {
chunkModules: false,
entrypoints: true,
logging: false,
source: false,
chunks: false,
modules: false,
assets: false,
children: false,
chunkGroups: false,
outputPath: false,
exclude: [/node_modules/]
}),
new webpack.DllReferencePlugin({
//公共模塊axios,moment
manifest: require("./dll/common_manifest.json"),
context: __dirname
}),
new webpack.DllReferencePlugin({
//vue,vue-router,vuex
manifest: require("./dll/vue_manifest.json"),
context: __dirname
}),];
if (!isDev) {
const FileManagerPlugin = require("filemanager-webpack-plugin");
plugins = [...plugins, new BundleAnalyzerPlugin({
// 查看打包大小
// analyzerMode: isDev ? "disabled" : "server"
analyzerMode: "disabled"
}),
//filemanager-webpack-plugin2.0.5寫法
new FileManagerPlugin({
onEnd: {
delete: [./dist.zip],
archive: [
{
source:./dist,
destination:./dist.zip
}
]
}
})
//filemanager-webpack-plugin4.0寫法
new FileManagerPlugin({
onEnd: {
events: {
onEnd: {
delete: [./dist.zip],
archive: [
{
source:./dist,
destination:./dist.zip
}
]
}
}
}
})
]
}
module.exports = {
publicPath: isDev ?http://localhost:${process.env.VUE_APP_PORT}/:/${process.env.VUE_APP_PathPUBLICPATH}/,
configureWebpack: {
output: {
libraryTarget: "umd",
library: process.env.VUE_APP_PathPUBLICPATH
},
plugins
},
devServer: {
port: parseInt(process.env.VUE_APP_PORT),
open: false,
historyApiFallback: true,
overlay: {
warnings: false,
errors: true
},
headers: {
"Access-Control-Allow-Origin": "*"
},
proxy: {
"/main_api": {
target:http://172.16.41.26:7700,
// target:http://172.18.108.75:7700,
pathRewrite: {
"^/main_api": "/"
}
}
}
},
css: {
loaderOptions: {
less: {
modifyVars: {
//在此處設(shè)置葵萎，也可以設(shè)置直角、邊框色谎痢、字體大小等
"layout-header-background": "#283040", //左側(cè)背景
"menu-item-height": "48px", //菜單高度
"menu-dark-submenu-bg": "#2E394C", //子菜單顏色
"menu-inline-toplevel-item-height": "48px" //菜單高度
},
javascriptEnabled: true
}
}
},
productionSourceMap: isDev
};
