![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
七月是我的生日
人生太苦,但你要甜!
展开
-
从0到1手动配置Webpack(webpack优化配置)
前面我们讲解了webpack的进阶配置等。接下来我们讲解webpack的简单优化。1:noParse在webpack配置中添加 noParse选项: module:{ noParse:/jquery/, },如上表示,webpack在打包的时候,不去加载jquery中的依赖库。也是第一个我们对webpack的优化方法。2:ignorePlugin需要使用webpack内置插件:let webpack = require("webpack");webpac.原创 2020-10-03 22:19:05 · 485 阅读 · 0 评论 -
从0到1手动配置Webpack(webpack进阶配置)
上一篇文章,我们讲解了webpack的基本配置,这一篇文章,我们将讲解webpack进阶常用配置。1 webpack打包多页应用新建一个webpack应用:在src文件夹下创建 index.js , home.js;之后配置如下webpack;let path = require('path');let HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { mode:'development.原创 2020-10-03 20:48:52 · 394 阅读 · 0 评论 -
从0到1手动配置Webpack(webpack基本配置)
1.认识webpack(grunt/gulp的区别和联系)webpack是一个现代的javascript应用的静态模块打包工具。webpack的功能:代码转换,文件优化,代码分割,模块合并,自动刷新,代码校验,自动发布webpack中前端模块化介绍前端模块化方案: AMD, CMD,CommonJS, ES6.项目通过模块化开发完成了之后,还需要处理模块间的各种依赖,并且将其进行整合打包。webpack其中的一个核心就是让我们进行模块化开发,并且会帮助我们处理模块间的依赖关系。而且不仅仅是原创 2020-10-02 18:18:33 · 754 阅读 · 0 评论