webpack
8篇文章 · 0订阅
  • Vue-CLI 多页分目录打包
    修改 Vue-CLI 配置，支持打包不同模块代码到单独目录中，保持开发时和打包后不同模块之间的跳转方式一致。
    Vue.js
    Vue-CLI 多页分目录打包
  • vue单页面改造多页面应用
    单页面和多页面的区别这里就不细说了。我司业务适合多页面，许多小应用都是通过iframe整体嵌入的形式。 如果项目过于庞大，就会有很不好的体验问题。 拆分多个项目的话，又会有额外的开支，如服务器资源部署
    前端
  • 『Webpack系列』—— SplitChunks插件用法详解
    SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…
    Webpack
    『Webpack系列』—— SplitChunks插件用法详解
  • 基于webpack打包多页应用,对前端工程化的思考
    ...
    Webpack
  • 一步步从零开始用 webpack 搭建一个大型项目
    想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…
    前端
  • gulp4在前端工程化中的应用
    博主最近准备开发一个UI组件库，遇到了一个难题，博主希望单独打包组件样式scss文件，而不是与组件一起用webpack打包。调研发现gulp可以解决这个问题，于是，研究了下gulp4在前端工程化中的应用。 gulp是一种基于流的自动化构建工具，基于nodeJs中的stream（…
    Gulp
    gulp4在前端工程化中的应用
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)