解决veu项目编译速度慢的问题

本文介绍了如何解决Vue项目编译速度慢的问题,主要聚焦于热更新优化。通过安装特定依赖,调整webpack配置,如在webpack.prod.conf.js和webpack.base.conf.js中排除node_modules,修改vue-loader设置,并在config/index.js中引入变量,以及更新babel配置,来显著提高项目的编译速度。
摘要由CSDN通过智能技术生成

主要在热更新这一块解决。

 

step1:

安装依赖

npm install babel-plugin-dynamic-import-node

step2:

在webpack.prod.conf.js文件设置:

new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false,
        drop_console: true,
        drop_debugger: true
      },
      sourceMap: true,
      ecma: 6,
      cache: true,
      parallel: true
    }),

step3:

在webpack.base.conf.js文件设置,排除node——modules:

module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        // include: [resolve('src'), resolve('test')]
        include: [resolve('src'), resolve('test')],
        exclude:/(node_modules)/ //主要这一句
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值