123 lines
3.8 KiB
JavaScript
123 lines
3.8 KiB
JavaScript
/*
|
|
* @Author: daidai
|
|
* @Date: 2021-11-22 14:57:15
|
|
* @LastEditors: Please set LastEditors
|
|
* @LastEditTime: 2022-04-29 15:12:50
|
|
*/
|
|
const path = require("path");
|
|
function resolve(dir) {
|
|
return path.join(__dirname, dir);
|
|
}
|
|
|
|
module.exports = {
|
|
publicPath: './',
|
|
outputDir: process.env.VUE_APP_outputDir || 'dist',
|
|
assetsDir: 'static',
|
|
filenameHashing: true,
|
|
lintOnSave: false,
|
|
runtimeCompiler: false,
|
|
transpileDependencies: [],
|
|
productionSourceMap: false,
|
|
css: {
|
|
// 是否使用css分离插件 ExtractTextPlugin
|
|
extract: process.env.NODE_ENV === "production" ? true : false,//是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。
|
|
sourceMap: false,//是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能。
|
|
loaderOptions: {
|
|
sass: {
|
|
prependData: `@import "@/assets/css/variable.scss";`
|
|
}
|
|
},
|
|
requireModuleExtension: true,
|
|
},
|
|
|
|
chainWebpack: (config) => {
|
|
// 配置别名
|
|
config.resolve.alias
|
|
.set('@', resolve('src'))
|
|
.set('assets', resolve('src/assets'))
|
|
.set('assetsBig', resolve('src/pages/big-screen/assets'))
|
|
.set('components', resolve('src/components'))
|
|
.set('views', resolve('src/views'))
|
|
.set('api', resolve('src/api'))
|
|
.set('lib', resolve('src/lib'))
|
|
|
|
if (process.env.NODE_ENV === "production") {
|
|
// 删除系统默认的splitChunk
|
|
config.optimization.delete("splitChunks");
|
|
}
|
|
// 删除预加载
|
|
// // 移除 prefetch 插件
|
|
// config.plugins.delete('prefetch-index')
|
|
// // 移除 preload 插件
|
|
// config.plugins.delete('preload-index');
|
|
// config.optimization.minimizer('terser').tap((args) => {
|
|
// // 去除生产环境console
|
|
// args[0].terserOptions.compress.drop_console = true
|
|
// return args
|
|
// })
|
|
},
|
|
configureWebpack: config => {
|
|
// 给输出的js名称添加hash
|
|
config.output.filename = "static/js/[name].[hash].js";
|
|
config.output.chunkFilename = "static/js/[name].[hash].js";
|
|
config.optimization = {
|
|
splitChunks: {
|
|
cacheGroups: {
|
|
// 抽离所有入口的公用资源为一个chunk
|
|
common: {
|
|
name: "chunk-common",
|
|
chunks: "initial",
|
|
minChunks: 2,
|
|
maxInitialRequests: 5,
|
|
minSize: 0,
|
|
priority: 1,
|
|
reuseExistingChunk: true,
|
|
enforce: true
|
|
},
|
|
// 抽离node_modules下的库为一个chunk
|
|
// vendors: {
|
|
// name: "chunk-vendors",
|
|
// test: /[\\/]node_modules[\\/]/,
|
|
// chunks: "initial",
|
|
// priority: 2,
|
|
// reuseExistingChunk: true,
|
|
// enforce: true
|
|
// },
|
|
element: {
|
|
name: "chunk-element-ui",
|
|
test: /[\\/]node_modules[\\/]element-ui[\\/]/,
|
|
chunks: "all",
|
|
priority: 3,
|
|
reuseExistingChunk: true,
|
|
enforce: true
|
|
},
|
|
yhhtUi: {
|
|
name: "chunk-yhht-ui",
|
|
test: /[\\/]node_modules[\\/]yhht-ui[\\/]/,
|
|
chunks: "all",
|
|
priority: 4,
|
|
reuseExistingChunk: true,
|
|
enforce: true
|
|
},
|
|
datav: {
|
|
name: "chunk-datav",
|
|
test: /[\\/]node_modules[\\/]@jiaminghi[\\/]data-view[\\/]/,
|
|
chunks: "all",
|
|
priority: 4,
|
|
reuseExistingChunk: true,
|
|
enforce: true
|
|
},
|
|
}
|
|
}
|
|
};
|
|
},
|
|
// 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
|
|
parallel: require('os').cpus().length > 1,
|
|
|
|
devServer: {
|
|
// 配置多个代理
|
|
},
|
|
pluginOptions: {
|
|
}
|
|
}
|