vue-cli3 单页项目
文件大概 400多个
保存一次 编译要20多秒
怎么优化打包配置
每次都是从这里开始卡
vue.config.js
/*
happypack
*/
const HappyPack = require('happypack');
const os = require('os');
const happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length });
/*
*/
const externals = {
vue: "Vue",
vuex: "Vuex",
"vue-router": "VueRouter",
"element-ui": "ELEMENT"
}
const path = require('path');
const webpack = require('webpack');
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
// 基本路径
publicPath: process.env.NODE_ENV === 'production' ?
'./' :
'/',
// 输出文件目录
// outputDir: 'dist', // 默认dist
// 用于嵌套生成的静态资产(js,css,img,fonts)目录
// assetsDir: '',
// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径
// indexPath: 'index.html', // Default: 'index.html'
filenameHashing: true,
// 构建多页时使用
pages: {
index: {
// page 的入口
entry: 'src/pages/index/main.js',