webpack
5篇文章 · 0订阅
  • Plugin Anything：插件化改造工具
    前端团队在实现工程化的 Cli 套件、Node Server 等系统时，为了满足功能的开放性，通常有三种方式：配置化、插件化、配置与插件的结合。 顾名思义，用户在使用的时候，通过工具暴露出的配置文件进行各类快捷配置，实现对工具的影响。 而工具的核心功能，内置于工具模块内部，其逻…
    前端框架
  • Vue.js+Element-UI从0到部署:基础篇（3.前端自动化、多环境配置到发布）
    这样webpack 的配置就修改完了。 在这里可以顺便修改一下这个文件下 UglifyJsPlugin，打包构建的时候可以去除console.log，debugger。配置如下。（此步骤和多环境配置无关） 然后启动 run run build:sit，可是这个时候报错了，env…
  • 手写webpack核心原理，再也不怕面试官问我webpack原理
    需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
    Webpack
  • 如何利用webpack来提升前端开发效率（二）？
    通过如何利用webpack来提升前端开发效率（一）的学习，我们已经能够通过webpack的loader和piugin机制来处理各种文件资源。细心的小伙伴们发现了缺少了对字体文件和HTML中<img>标签的资源处理，那让我们先来解决这个问题。 随后在命令行执行npm run bu…
    Webpack
    如何利用webpack来提升前端开发效率（二）？
  • 如何利用webpack来提升前端开发效率（一）？
    create-react-app project vue create project等命令。 ... 可能大家在遇到上述开发场景时，可能就二话不说，直接开启编辑器，撸起袖子就是“代码一把梭”。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mod…
    Webpack
    如何利用webpack来提升前端开发效率（一）？