webpack
11篇文章 · 0订阅
  • Webpack配置全解析（优化篇）
    在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…
    Webpack
  • 前端构建秘籍
    随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…
    Webpack
    前端构建秘籍
  • 关于webpack4的14个知识点,童叟无欺
    没有什么比时间更具有说服力了，因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使…
    JavaScript Webpack
  • Webpack 4 构建大型项目实践 / 优化
    上一节我们解决了工程的开发调试问题，项目的生产和开发环境也已配置完成，还约定了 Webpack 配置文件规范。但它还很粗糙，这一节我们就来一起打磨这套配置。 在之前的配置中我们使用使用 MiniCssExtractPlugin.loader 来代替 style-loader ，…
    Webpack
  • Webpack优化总会让你不得不爱
    优化，就是加以改变或选择使优良，在工作当中是让提升效率的好办法。 1. 去除无用的样式 配置完毕了，上面包含了一些基本的配置。大家可以把重点放在注释为去除无用的样式代码部分即可了 2. 动态添加CDN 3. Tree-shaking 可想而知，副作用出现了，去dist目录下再看…
    JavaScript Webpack
    Webpack优化总会让你不得不爱
  • webpack优化
    准备一份将VUE打包成DLL的webpack配置文件。 在build目录下新建一个文件webpack.vue.js，专门用于打包vue的DLL的。
    Webpack
  • webpack配置中的跨域(ProxyTable)
    proxyTable 属性是用来配置跨域请求接口的，拿 vue-cli 举例，我们要在项目目录中找到根目录下 config 文件夹下的 index.js。因为我们在开发环境中调试，所以选择在 Dev 里面配置，类似如下： dev-server 使用了非常强大的 http-pro…
    前端
  • webpack 中那些最易混淆的 5 个知识点
    今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习
    Webpack 面试
    webpack 中那些最易混淆的 5 个知识点
  • 多端多页面项目 webpack 打包实践与优化
    webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。官网显示的这幅图很形象地描述了这个过程： webpack4…
    Webpack
  • webpack入门(2) - 安装，配置，环境搭建
    npm init 初始化一个文件夹,出现对话框按确定就行。 npm install --global webpack 全局安装，在c盘下会生成node_modules文件夹中会包含webpack。请注意，这不是推荐的做法。全局安装会将您锁定到特定版本的webpack，并且在使用…
    Webpack
    webpack入门(2) - 安装，配置，环境搭建