首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
webpack自我提升 - 优化篇(1)
webpack自我提升 - 优化篇(1) 1、HMR = hot module replacement ( 热模块替换/模块热替换 ) 作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块),极大提升构建速度 devServer:{ ... , hot:true,//开启HMR功能 } 注意: 1、样式文件:可以使用HMR(因为
88
代码人生
01-01 08:00
代码人生
Webpack手动打包
Webpack手动打包 1.Webpack打包 1.目录结构 2.搭建与运行 1.新建mathUtils.js文件 定义函数并导出 function add(num1,num2){ return num1+num2; } function mul(num1,num2){ return num1 *num2 } module.exports = { a
88
代码人生
01-01 08:00
代码人生
webpack5对node环境的要求
webpack5对node环境的要求 最近项目组里来了个新人,电脑node版本10.2...前端项目采用webpack5构建,启动前端项目时,一直存在报错 错误详情: ERROR in Error: require(...).pathToFileURL is not a function - index.html:93 /Users/zhou/Desktop/app/
87
代码人生
01-01 08:00
代码人生
webpack4的简单配置
webpack4的简单配置 1. 增加webpack-dev-server devServer: { contentBase: path.resolve(__dirname, "build"), host: "localhost",
87
代码人生
01-01 08:00
代码人生
webpackPlugin处理index.html到dist
webpackPlugin处理index.html到dist 1.webpack.config.js中导入 const HtmlWebpackPlugin = require(‘html-webpack-plugin‘) 2.pulgin中新增 new HtmlWebpackPlugin({ template:‘index.html‘ }) 3.需要删除output中的如下语句 publ
87
后端
01-01 08:00
后端
webpack之基础篇
安装 1.cnpm i webpack webpack-cli2.模块局部安装会在node_modules/.bin/webpack目录创建软链接 基础 entry 依赖入口 // 单入口,SPAe...
87
后端
01-01 08:00
后端
webpack最全实用配置(收藏)
webpack最全实用配置(收藏),1.入门(一起来用这些小例子让你熟悉webpack的配置)1.1初始化项目新建一个目录,初始化npmnpminitwebpack是运行在node环境中的,我们需要安装以下两个npm包npmi-Dwebpackwebpack-clinpmi-D为npminstall--save-dev的缩写npmi-S为npminstall--save的缩写新建一个文件夹src,
86
后端
01-01 08:00
后端
webpack配置排除打包-整体分析
webpack配置排除打包-整体分析,进行webpack优化的时候,我们首先得知道webpack的打包流程是啥样的一、webpack打包流程首先webpack打包会有默认的出口跟入口,还要一个入口跟出口的配置文件默认入口:./src/index.js默认出口:./dist/main.jswebpack配置-webpack.config.js(默认)复制代码1.新建src并列处,webpack.co
86
代码人生
01-01 08:00
代码人生
Webpack中Loader和Plugin的区别?编写Loader,Plugin的思路?
Webpack中Loader和Plugin的区别?编写Loader,Plugin的思路? 一、区别前面两节我们有提到Loader与Plugin对应的概念,先来回顾下 loader 是文件加载器,能够加载资源文件,并对这些文件进行一些处理,诸如编译、压缩等,最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能,例如打包优化、资源管理、环境变量注入等,目的是解决 loader 无法实现的
85
代码人生
01-01 08:00
代码人生
webpack的一些基本配置
webpack的一些基本配置 打包命令 webpack --mode development/production 默认模式 在webpack打包时默认的位置是当前目录下的./src/index.js 通过命令 通过命令webpack --mode ./文件夹/文件 -o ./文件夹/文件夹 development来自定义打包内容和输出,打包输出为main.js 通过配置文件配置 创
85
«
1
2
...
16
17
18
19
20
21
22
23
24
»