webpack使用2

2021-12-20  本文已影响0人  茜Akane

Get Started

  1. 加载sass、less、stylus
  2. 懒加载

1. 加载sass、less、stylus

按照官方文档提示下载相应的loader,进行配置再使用。

2. 懒加载

用 import() 来加载文件,然后接收到的结果返回一个 promise。promise.then返回成功函数和失败函数,成功传入 module ,然后用module.defaule来获取模块内容,链接路径不对时执行失败函数。

button.onclick = () => {
  const promise = import("./lazy")
  promise.then(
    (module) => {
      const fn = module.default
      fn()
    },
    () => {
      console.log("加载错误")
    }
  )
}
上一篇 下一篇

猜你喜欢

热点阅读