Avatar notebook default
大前端——项目工程化
11篇文章 · 16165字 · 1人关注
  • 玩转webpack高级特性应对项目优化需求

    Tree Shaking清除未引用代码（dead-code） webpack生产模式打包的优化过程中，自动开启tree shaking，检测未引...

    334 0 0
  • Resize,w 360,h 240
    规范化标准及ESLint使用

    为什么需要规范标准 软件开发需要多人协同 不同开发者具有不同的编码习惯和喜好 不同的喜好增加项目维护成本 每个项目或者团队需要明确统一的标准 哪...

    1686 0 0
  • Rollup使用

    Rollup同样是一款ES Module打包器，从作用来看，Rollup与Webpack很相似，但Rollup更为小巧，仅仅是一款ESM打包器；...

    0.4 14071 0 9
  • 模块支持热替换（HMR）机制

    webpack dev server自动刷新问题：自动刷新导致页面状态丢失 每次修改完代码，webpack监视到变化，自动打包，并通过浏览器自动...

    673 0 0
  • Source Map不同模式对比

    JavaScript代码经过编译转换有三个好处 压缩，减少体积 多个文件合并，减少HTTP请求 其他语言编译成JavaScript 这样使得实际...

    0.1 2175 0 4
  • Resize,w 360,h 240
    利用插件机制横向扩webpack构建能力

    webpack插件机制是为了增强webpack在项目自动化构建方面的能力（解决除loader资源模块打包外的其他自动化工作） 常见应用场景： 实...

    209 0 0
  • webpack Loader机制

    模块打包工具出现 随着模块化思想引入 产生一些新的问题 首先 ES Modules存在环境兼容问题，用户浏览器不统一 其次 模块化划分出的模块文...

    800 0 1
  • 模块化的演进过程

    现代化项目 要求前端有独立的项目 采用数据驱动开发的方式增强可维护性 复杂项目结构必须进行模块化管理 重复规律性工作必须采取自动化工具实现 模块...

    367 0 0
  • Plop基础使用和脚手架工作原理

    简介 plop可以通过命令行去生成、处理文件模板代码等，从而简化项目中的手动操作 使用 安装plop模块yarn add plop --dev ...

    223 0 1

文集作者