首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
百科问答
01-01 08:00
百科问答
webpack4(Webpack4升级webpack5)
Webpack4 升级 Webpack5:全面革新,提升开发者体验Webpack 是一种强大的前端构建工具,广泛应用于构建复杂的现代 Web 应用程序。随着 Web 开发技术的不断发展,Webpack 也在不断更新迭代。Webpack5 是其最新版本,带来了众多激动人心的新特性和改进,为开发者带来
2
代码人生
01-01 08:00
代码人生
webpack DefinePlugin解析
webpack DefinePlugin解析,DefinePlugin是webpack的一个官方内置插件,它允许在编译时将你代码中的变量替换为其他值或表达式。这在需要根据开发模式与生产模式进行不同的操作时,非常有用。例如,如果想在开发构建中进行日志记录,而不在生产构建中进行,就可以定义一个全局常量去判断是否记录日志。这就是DefinePlugin的发光之处,设置好它,就可以忘掉开发环境和生产环境的
74
代码人生
01-01 08:00
代码人生
webpack从入门到原理(基础三)——资源处理
webpack从入门到原理(基础三)——资源处理,前言这一篇主要写了,webpack中修改输出资源的名称和路径,自动清空上次打包资源,处理字体图标等资源。修改输出资源的名称和路径在上一篇,打包完图片之后发现main.js和图片都混在dist目录下很是杂乱,所以下面就处理一下它们存放的位置。参考官方文档,通过filename属性进行修改打包后文件的存放位置。//webapck.config.js..
79
代码人生
01-01 08:00
代码人生
webpack5 自定义plugin和loader
webpack5 自定义plugin和loader,前言本文主要介绍如何自定义webpack5的loader和plugin的过程;环境node:v14.17.1"webpack":"^5.75.0","webpack-cli":"^4.10.0"复制代码准备mkdirloader-sourcecdloader-sourcenpminit-ynpmiwebpackwebpack-clihtml-we
98
代码人生
01-01 08:00
代码人生
webpack打包 --- 打包工具
webpack打包 --- 打包工具 在node.js中安装全局webpack cmd中运行 npm install webpack webpack-cli –g 在需要打包的文件中cmd npm install webpack webpack-cli --save-dev查看是否安装成功 webpack -v初始化环境 npm init -y项目文件配置在项目目录下,新建conf
80
百科问答
01-01 08:00
百科问答
Webpack 多页面打包提取公共库和公共方法
Webpack 多页面打包提取公共库和公共方法 前端页面基础资源 有些页面使用的基础库是一样的,并且也有公共的模块 对于这些资源如果打包的时候每个都打一份,会导致打包的体积比较大 webpack提取页面公共资源,比如公共包,公共模块? webpack 提取页面公共资源 基础库分离 思路: 将react、react-dom通过cdn引入,不打入bundle中 方法: 1. 使用html-webpack-
76
代码人生
01-01 08:00
代码人生
webpack : 无法加载文件 C:\Users\13573\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本
webpack : 无法加载文件 C:\Users\13573\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本 解决方案: 左下角开始图标,右键,Windows Powershell(管理员) 输入: set-ExecutionPolicy RemoteSigned 回车后输入:y 确认 原文:https://www.cnblogs.com/zhimao/p/14687927.html
118
代码人生
01-01 08:00
代码人生
webpack2项目中引入@vue/composition-api报错Cannot find module
webpack2项目中引入@vue/composition-api报错Cannot find module 在webpack.base.conf.js中的vue配置中加入 transpileOnly: true, 如下为完整配置: { test: /\.vue$/, loader: ‘vue-loader‘, options: { loaders: { ts:
95
代码人生
01-01 08:00
代码人生
Webpack实战(入门、进阶与调优)
Webpack实战(入门、进阶与调优) 第1章 简介 何为webpack: Webpack是一个开元的JS模块打包工具,其最核心的功能是解决模块之间的依赖,把各个模块按照特定的规则和顺序组织在一起,最终合并为一个JS文件,这个过程就叫做模块打包。 为什么需要webpack: 应用规模大了以后,必须借助一定的工具,否则人工维护代码的成本将逐渐变得难以承受,学会使用工具可以让开发效率
311
代码人生
01-01 08:00
代码人生
webpack4.0版本之css单独打包
webpack4.0版本之css单独打包 这个适应新版本webpack4.0以上,太难了 参考官方文档,不仅让我大声呼喊,官方牛逼 MiniCssExtractPlugin 本插件会将 CSS 提取到单独的文件中,为每个包含 CSS 的 JS 文件创建一个 CSS 文件,并且支持 CSS 和 SourceMaps 的按需
177
«
1
2
3
4
5
6
7
8
...
23
24
»