文章 2024-01-09 来自:开发者社区

在项目中引入webpack打包工具

代码目录结构如下图:CSS目录包含:js目录包含:webpack.config.js配置:var webpack=require('webpack'); var path=require('path'); module.exports = { entry: "./js/previewComment.js", output: { path: __dirname ...

在项目中引入webpack打包工具
文章 2024-01-08 来自:开发者社区

vue - ES6模块化、promise、webpack打包(所在在学的朋友们先看这篇,看了不吃亏)...

首先我要说明一下,没错,还是没有进入vue,刘备请诸葛亮三次都可以了吧,我这也是第三次了,也绝对是最后一次了,我应经摸透了因为,最后的webpack打包加上一个git学了过后我就去vue了。为什么要说先看这篇,其实跟我们今天的主题webpack没有太大关系,昨天学了一下webpack,其实内容没多少,webpack的内容无非就是参考文档去怎么做,然后最主要的js、html生成、css、字体图标、....

vue - ES6模块化、promise、webpack打包(所在在学的朋友们先看这篇,看了不吃亏)...
文章 2023-12-29 来自:开发者社区

webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts

报错如下:解决方式,先查看自己的 node 版本node -v然后再安装 @types/node 对应版本,比如我的如下npm i @types/node@14.10.0 -D然后再次打包,就没有报错了

webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
文章 2023-12-19 来自:开发者社区

对webpack的理解——打包样式资源

webpack 是什么webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。webpack 五个核心概念Entry :入口(Entry) 指示 webpack 以哪个文....

对webpack的理解——打包样式资源
文章 2023-12-08 来自:开发者社区

使用 Webpack 打包 node 程序,node_modules 真的被干掉啦

之前写过webpack打包web、node、electron的文章,最后只写了打包web;因为当时觉得node和electron没必要打包,但是总有一些需求还是要打包的,例如代码混淆、压缩等等,所以这次就来写一下node的打包。网上很多关于webpack打包node的文章,但是他们都是只打包你写的node.js的代码,node_modules 直接都被排除了,这样处理的话如果发布到线上,还是要将....

文章 2023-11-30 来自:开发者社区

Webpack打包出错:Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:

报错如下:解决办法:执行以下命令npm link webpack --save-dev重新运行,即可解决此问题

Webpack打包出错:Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:
文章 2023-11-29 来自:开发者社区

webpack模块打包器

Webpack 是一个高度可配置的模块打包器,它可以将多个文件和模块打包成一个或多个 bundle,并且可以根据需要进行优化和压缩。Webpack 可以处理各种类型的文件,包括 JavaScript、CSS、图片、字体等,并且支持各种插件,可以自定义打包过程和结果。 Webpack 的核心概念包括入口(entry)、出口(ou...

文章 2023-11-16 来自:开发者社区

探寻webpack打包vue前端项目的过程和出现的问题

前端 vue2 项目中,多人开发,从一段时间开始发现打包变得特别慢,每次线上更新也至少要10几20分钟,正常项目线上更新一般也就1、2分钟,新需求开发拉新分支本地运行也要至少5、6分钟才能运行的起来。 查找问题 为了找出打包慢的原因,我们首先得找到到底是哪些文件太大还是耗时太久?这中间用到了两个插件: webpack-bundle-analyzer:分析打包过后的包的大小 speed...

探寻webpack打包vue前端项目的过程和出现的问题
文章 2023-11-16 来自:开发者社区

Vue系列教程(16)- 模块打包器(webpack)

1. 引言通过前面的章节,我们已经学会了Vue的事件内容分发,有兴趣的同学可以参阅下:《Vue系列教程(01)- 前端发展史》《Vue系列教程(02)- Vue环境搭建、项目创建及运行》《Vue系列教程(03)- Vue开发利器VsCode》《Vue系列教程(04)- VsCode断点调试》《Vue系列教程(05)- 基础知识快速补充(html、css、js)》《Vue系列教程(06)- Vue....

Vue系列教程(16)- 模块打包器(webpack)
文章 2023-10-30 来自:开发者社区

webpack的打包配置

theme: fancy highlight: a11y-light Webpack 能够根据模块之间的依赖关系进行打包,实现多个模块的合并和优化,生成优化后的静态资源,支持两种模块导入语法 html-webpack-plugin 还可以将打包后的 JS、CSS 等静态资源自动注入到 HTML 文件中,不必手动更新引用路径图片小于nkb打包...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注