240 发简信
IP属地:广东
  • webpack学习第二十步—— 打包TypeScript

    使用typescript 安装ts-loader 和 typescript 新建index.ts文件 webpack.config.js中对ts...

  • Resize,w 360,h 240
    webpack学习第十九步—— PWA

    使用http-server 安装http-server 修改package.json 修改index.js 运行 此时关闭http-server...

  • Resize,w 360,h 240
    webpack学习第十八步—— 生成库文件

    写一些基本文件 webpack.config.js文件 umd代表支持以下引入方式 在全局变量里增加library变量 如果注释掉library...

  • webpack学习第十七步—— 打包的环境变量

    修改webpack的config文件 之前是使用webpack.dev.js和webpack.prod.js去分别mergewebpack.co...

  • Resize,w 360,h 240
    webpack学习第十六步—— 垫片Shimming

    shimming 低版本浏览器不支持promise,使用polyfill去实现promise就是一个垫片 jquery 新建jquery.ui....

  • Resize,w 360,h 240
    webpack学习第十五步—— 浏览器缓存-contenthash

    代码分割 index.js引入三方库 修改webpack.common.js进行代码分割 此时打包出来的文件如下 生产环境加入contentha...

  • Resize,w 360,h 240
    webpack学习第十四步——css代码分割及压缩

    修改chunkname 修改webpack.common.js 修改index.js,并将splitChunks修改为all 打包后生成文件 c...

  • Resize,w 360,h 240
    webpack学习第十三步——懒加载和预请求

    同步引入 index.js 打开页面时就会引入lodash 异步引入可以懒加载 index.js 点击时才去请求异步引入的lodash,这就是懒...

  • Resize,w 360,h 240
    webpack学习第十二步——代码分割

    打包命令 为了development模式下也能很好观察打包的文件,我们在package.json中增加一个打包命令,不使用devServer i...