打包构建

111 阅读1分钟

1、webpack 懒加载/按需加载

资源不用的时候不加载,用的时候加载

image.png

image.png

image.png

image.png

image.png

懒加载:需要时才加载 预加载prefetch:会在使用之前,提前加载文件;等资源加载完毕,浏览器空闲了,再偷偷加载资源 正常加载可以是任务是并行加载

image.png

image.png

2、Vue CLI build --target lib 时如何避免打包成多个umd.js文件

"build:assistant": "vue-cli-service build --target lib --formats umd-min --name PluginAssistant packages/assistant/index.ts --no-clean",
    const { webpack, DefinePlugin, optimize } = require('webpack');

    plugins: [
      // 限制只打一个包,不分Chunk
      new optimize.LimitChunkCountPlugin({
        maxChunks: 1
      })
    ]