作者:李冰
01.基本概念
入口(entry)
入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。
输出(output)
output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。
加载程序loader
2024年10月01日
作者:李冰
入口(entry)
入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。
输出(output)
output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。
加载程序loader
2024年10月01日
一般的企业都会采用前后端分离的方式来开发、部署项目,这样做的好处是更好的让前后台各司其职。另外也由于nginx是一个轻量级的静态资源服务器,其高并发也是其优点之一。这样可以减轻双方服务器的压力,同时又可以做到负载分担。那么接下来就简单介绍下如何通过nginx部署vue项目。
一、vue项目打包:
本人在vue 项目打包的时候遇到一些坑,也是慢慢摸索,才得以解决,
会报这个错,查阅了很多资料,找到一个连接:
https://www.css88.com/doc/webpack2/plugins/uglifyjs-webpack-plugin/
2024年10月01日
10天前,nuxt.js 2.0.0 发布了,两天前,我决定将 也贝 项目的nuxt.js升级到最新,而就在10小时前,nuxt.js 2.1.0 发布了,nuxt.js 2.0.0 引入了wepack4,build 速度从1分钟降低到30秒,如果启用cache和并行编译,速度还可以提升,目前,我的项目 build 速度第一次稍慢,30秒 左右吧,之后很快,20秒不到。但是要升级到 nuxt.js 2.0.0 还是有不少坑的。
在我升级的过程中,我遇到的问题基本都和 webpack4.0 有关,具体有:
2024年10月01日
2024年10月01日
链接:https://juejin.im/book/5b936540f265da0a9624b04b
从输入 URL 到显示页面这个过程中,涉及到网络层面的,有三个主要过程:
对于 DNS 解析和 TCP 连接两个步骤,我们前端可以做的努力非常有限。相比之下,HTTP 连接这一层面的优化才是我们网络优化的核心。因此抓主要矛盾,直接从 HTTP 开始讲起。
2024年10月01日
插件是 webpack 的支柱功能。webpack 自身也是构建于,你在 webpack 配置中用到的相同的插件系统之上!
插件目的在于解决 loader 无法实现的其他事。
webpack
2024年07月25日
这是一个痛苦的过程,不过看到结果还是非常开心的。
下面就让我们开始吧。
第一部分,我们先修改开发坏境及开发配置文件~
react降级
npm install react@0.x.x react-dom@0.x.x --save
2024年07月25日
这是最后一篇单独讲webpack的知识,前面文章我们一开始弄懂了为什么要叫学webpack,以及webpack是什么。然后,为了讲的东西更好理解,我们先学会了搭一个本地服务器,接着先后重点讲了webpack的两大利器,Loaders和插件,用实例演示了怎么使用它们,再然后,就到这里了......
2024年07月25日
browserify是一个 CommonJS风格的模块管理和打包工具,上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能,在前端资源管理这方面,它提供了更加出色的功能。官方基于webpack提供了两种项目模板,分别是vue-webpack-simple模板和vue-webpack模板,今天我们将介绍官方提供的这两种项目模板,并用vue-webpack-simple模板创建一个简单的示例。