一、概述 1、Tree-shaking 2、公共资源分离 3、图片压缩 4、css压缩 5、html压缩 6、externals 7、js压缩 二、Tree-shaking Tree-shaking：1个模块可能有多个方法，只要其中的某个方法使用到了，则整个文件都会被打到bundle里面去，Tree
转载
2019-01-18 09:55:00
370阅读
2评论
增加Node运行内存 在Node中通过JavaScript使用内存时只能使用部分内存（64位系统下约为1.4 GB，32位系统下约为0.7 GB）。所以不管电脑实际的运行内存是多少，Node在运行代码编译的时候，使用内存大小不会发生变化。这样就可能导致因为原有的内存不够，导致内存溢出。所以可以增加N
转载
2020-12-08 15:15:00
180阅读
1、创建项目文件夹 myapp 手动创建myapp，或mkdir myapp 2、cd myapp 3、npm init （初始化
原创
2022-06-20 17:52:09
73阅读
在使用css-loader的minimize时报错： 解决办法 移除minimize: true, 因为在webpack 3.0 之后以及 cs...
原创
2022-03-03 11:42:30
717阅读
在使用css-loader的minimize时报错：ERROR in ./index.css (./node_modules/css-loa
原创
2022-09-01 15:38:08
425阅读
1、安装 2、项目目录 layout文件夹下的footer.html文件为： layout文件夹下的head-common.html文件为： login.html文件为（已包含配置）： 3、webpack.config.js文件为： 注：html-loade已经在login.html中配置好了。 4
转载
2017-09-25 10:05:00
74阅读
2评论
react-create-app 中 webapck配置
原创
2021-09-04 12:06:41
1003阅读
Webpack 是德国开发者 Tobias Koppers 开发的模块加载器兼打包工具，在webpack中，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。因此, Webpack 当中 js 可以引用 css, css 中可以嵌入图片 dataUrl。 对应各种不同文件类型的资源, Webpack 有对应的模块 loader比如vue
一、vue-cli脚手架简介 1、vue-cli是一个vue脚手架，可以快速构造项目结构。 2、vue-cli本身集成了多种项目模板： simple 很少简单 webpack 包含ESLint代码规范检查、单元测试等 webpack-simple 简化版的webpack，没有代码规范检查、单元测试 ...
转载
2021-09-14 11:55:00
172阅读
2评论
搭建环境 npm init 初始化项目 npm i -D snabb
原创
2022-09-01 18:03:14
63阅读
前言之前好友希望能介绍一下webapck相关的内容，所以最近花费了两个多月的准备，终于完成了webapck系列，它包括一下几部分：webapck系列一：手写一个JavaScript打包器webpack系列二：所有配置项webpack系列三：优化90%打包速度webpack系列四：优化包体积webapck系列五：优化首屏加载时间与页面流畅度webapck系列六：构建包分析webapck系列七：详细配
原创
2021-05-17 19:51:17
245阅读
算法复习三道 webapck学习 TS学习 ...
转载
2021-09-17 10:28:00
32阅读
2评论
webpack 4 升级点： 默认entry为./src,默认output为/dist sideEffects 在webapck2开始支持ESModule后，webpack提出了tree shaking进行无用模块的消除，主要依赖ES Module的静态结构。在webapck4之前，主要通过在.ba
转载
2018-11-13 19:27:00
56阅读
2评论
创建一个文件夹 这个文件夹 用来使用 webpack 的 npm init - y 初始化文件 引入 webpack webapck-cli 如： yarn add webpack webapck-cli -D 新建src目录 mkdir src 创建 index.js a.js b.js inde
转载
2020-03-21 18:02:00
75阅读
2评论
Commonjs模块化的代码运行在浏览器上有2种方法： （1）browserify （2）webapck
转载
2020-02-29 16:14:00
123阅读
2评论
1、使用的插件 MiniCssExtractPlugin：https://webpack.js.org/plugins/mini-css-extract-plugin/#src/components/Sidebar/Sidebar.jsx 注意：在webapck4中使用的是MiniCssExtrac
转载
2018-12-17 14:22:00
382阅读
2评论
1、搭建vue-cli 2、安装插件 3、配置 webapck 4、在src下 添加 .d.ts
原创
2021-12-28 17:31:27
188阅读
webapck打包代码的时候会自动修改导入导出的格式，比如下面的例子：require('./title')//
原创
2022-11-23 00:22:43
131阅读
项目从webapck3升级到webpack5，vue中的scss编译出来的是这个样子，看起来scss loader配置没问题，就是vue-loader配置版本的问题了。
原创
2022-09-03 02:09:28
451阅读
