117 lines
3.9 KiB
JavaScript
117 lines
3.9 KiB
JavaScript
'use strict'
|
||
const path = require('path')
|
||
const defaultSettings = require('./src/settings.js')
|
||
|
||
function resolve(dir) {
|
||
return path.join(__dirname, dir)
|
||
}
|
||
|
||
const name = defaultSettings.title || 'yylAdmin' // 页面标题
|
||
|
||
// 如果端口设置为80，
|
||
// 使用管理员权限执行命令行。
|
||
// 例如，Mac:sudo npm run
|
||
// 可以通过以下方法更改端口：
|
||
// port=9527 npm run dev或npm run dev--port=9527
|
||
const port = process.env.port || process.env.npm_config_port || 9527 // 开发端口
|
||
|
||
// 所有配置项说明都可以在这里找到：https://cli.vuejs.org/config/
|
||
const publicPath = process.env.VUE_APP_PUBLICPATH ? process.env.VUE_APP_PUBLICPATH : '/'
|
||
const outputDir = process.env.VUE_APP_OUTPUTDIR ? process.env.VUE_APP_OUTPUTDIR : 'dist'
|
||
module.exports = {
|
||
/**
|
||
* 如果计划在子路径下部署站点，则需要设置publicPath，
|
||
* 例如GitHub页面。如果您计划将站点部署到https://foo.github.io/bar/,
|
||
* 然后publicPath应设置为“/bar/”。
|
||
* 在大多数情况下，请使用“/”！！！
|
||
* 详细信息：https://cli.vuejs.org/config/#publicpath
|
||
*/
|
||
publicPath: publicPath,
|
||
outputDir: outputDir,
|
||
assetsDir: 'static',
|
||
lintOnSave: process.env.NODE_ENV === 'development',
|
||
productionSourceMap: false,
|
||
devServer: {
|
||
port: port,
|
||
open: true,
|
||
overlay: {
|
||
warnings: false,
|
||
errors: true
|
||
}
|
||
},
|
||
configureWebpack: {
|
||
// 在webpack的name字段中提供应用程序的标题，
|
||
// 以便它可以在索引.html插入正确的标题。
|
||
name: name,
|
||
resolve: {
|
||
alias: {
|
||
'@': resolve('src')
|
||
}
|
||
},
|
||
// 警告 webpack 的性能提示
|
||
performance: {
|
||
hints: 'warning',
|
||
// 入口起点的最大体积
|
||
maxEntrypointSize: 50000000,
|
||
// 生成文件的最大体积
|
||
maxAssetSize: 30000000,
|
||
// 只给出 js 文件的性能提示
|
||
assetFilter: function(assetFilename) {
|
||
return assetFilename.endsWith('.js')
|
||
}
|
||
}
|
||
},
|
||
chainWebpack(config) {
|
||
// 它可以提高第一屏的速度，建议打开预加载
|
||
config.plugin('preload').tap(() => [{
|
||
rel: 'preload',
|
||
// 忽略运行时.js
|
||
// https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
|
||
fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
|
||
include: 'initial'
|
||
}])
|
||
|
||
// 当有很多页面时，会导致太多无意义的请求
|
||
config.plugins.delete('prefetch')
|
||
|
||
config.when(process.env.NODE_ENV !== 'development',
|
||
config => {
|
||
config
|
||
.plugin('ScriptExtHtmlWebpackPlugin')
|
||
.after('html')
|
||
.use('script-ext-html-webpack-plugin', [{
|
||
// `runtime`必须与runtimeChunk名称相同。默认值为`runtime`
|
||
inline: /runtime\..*\.js$/
|
||
}])
|
||
.end()
|
||
config
|
||
.optimization.splitChunks({
|
||
chunks: 'all',
|
||
cacheGroups: {
|
||
libs: {
|
||
name: 'chunk-libs',
|
||
test: /[\\/]node_modules[\\/]/,
|
||
priority: 10,
|
||
chunks: 'initial' // 仅安装最初依赖的第三方
|
||
},
|
||
elementUI: {
|
||
name: 'chunk-elementUI', // 将elementUI拆分为单个包
|
||
priority: 20, // 权重需要大于libs和app，否则将打包成libs或app
|
||
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // 为了适应cnpm
|
||
},
|
||
commons: {
|
||
name: 'chunk-commons',
|
||
test: resolve('src/components'), // 可以自定义您的规则
|
||
minChunks: 3, // 最小公共数
|
||
priority: 5,
|
||
reuseExistingChunk: true
|
||
}
|
||
}
|
||
})
|
||
// https://webpack.js.org/configuration/optimization/#optimizationruntimechunk
|
||
config.optimization.runtimeChunk('single')
|
||
}
|
||
)
|
||
}
|
||
}
|