博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webPack项目优化
阅读量:4110 次
发布时间:2019-05-25

本文共 1286 字,大约阅读时间需要 4 分钟。

const path = require('path')const uglifyPlugin = require('uglifyjs-webpack-plugin'); //const isProduction = process.env.NODE_ENV === 'production';function resolve(dir) {  return path.join(__dirname, dir)}module.exports = {  publicPath: './',  outputDir: 'dist',  lintOnSave: true,  devServer: {    compress: false,//开启压缩  },  css: {    extract: true,//是否使用css分离插件    sourceMap: false,//主要为方便开发人员的错误定位,为true会大大延长打包时间    loaderOptions: {      sass: {        data: `@import "@/assets/index.scss"`      }    },    module: false,  },  // webpack配置  chainWebpack: config => {    config.resolve.alias      .set("@", resolve("src"))    if (isProduction) {      config.plugins.delete('preload');      config.plugins.delete('prefetch');      config.optimization.minimize(true);      config.optimization.splitChunks({        chunks: 'all'      })      // 生产环境注入cdn    }  },  configureWebpack: config => {    if (isProduction) {      config.plugins.push(        new uglifyPlugin({          uglifyOptions: {            compress: {              drop_debugger: true,              drop_console: true,            }          },          sourceMap: false,          parallel: true,//使用多进程运行来提高构建速度        })      )    } else {    }  },  productionSourceMap: false,  parallel: require('os').cpus.length > 1}

 

转载地址:http://xemsi.baihongyu.com/

你可能感兴趣的文章
fastcgi_param 详解
查看>>
poj 1976 A Mini Locomotive (dp 二维01背包)
查看>>
MODULE_DEVICE_TABLE的理解
查看>>
db db2_monitorTool IBM Rational Performace Tester
查看>>
postgresql监控工具pgstatspack的安装及使用
查看>>
【JAVA数据结构】双向链表
查看>>
【JAVA数据结构】先进先出队列
查看>>
乘法逆元
查看>>
Objective-C 基础入门(一)
查看>>
Flutter Boost的router管理
查看>>
iOS开发支付集成之微信支付
查看>>
C++模板
查看>>
【C#】如何实现一个迭代器
查看>>
【C#】利用Conditional属性完成编译忽略
查看>>
DirectX11 光照演示示例Demo
查看>>
VUe+webpack构建单页router应用(一)
查看>>
Node.js-模块和包
查看>>
(python版)《剑指Offer》JZ01:二维数组中的查找
查看>>
管理用户状态——Cookie与Session
查看>>
Spring MVC中使用Thymeleaf模板引擎
查看>>