zoukankan      html  css  js  c++  java
  • vue wepack打包优化

    没做处理之前的打包

    首先第一步

    优化resolve.modules配置

    build->webpack.base.config.js 

    优化前写法

    alias: {
          'vue$': 'vue/dist/vue.esm.js',
          '@': resolve('src'),
          'src': path.resolve(__dirname, '../src'),
          'node_modules': path.resolve(__dirname, '../node_modules')
        }

    优化后


    resolve: { extensions: [
    '.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'),
         'src':resolve('src'),
         'node_modules': resolve('node_modules'),
        }
      },

    在头部定义变量存放地址
    var src = path.resolve(__dirname, '../src');
    var node_modules=path.resolve(__dirname, '../node_modules');
    这里优化原理主要是利用resolve精准的定位,一次声明多次使用(解释可能不太准确)

    优化了10几秒

    把 productionSourceMap设置成false,就相当于不生成那个sourceMap映射

    也优化了很多秒

  • 相关阅读:
    HDU4126
    训练赛Day6-The 36th ACMICPC Asia Regional Beijing Site
    弦图
    HDU4821 字符串哈希+尺取
    HDU1854
    HDU1166
    输入输出挂
    LightOj 1027 数学期望
    HDU
    HDU
  • 原文地址:https://www.cnblogs.com/zhihou/p/11195199.html
Copyright © 2011-2022 走看看