本地安装webpack打包出错

最新推荐文章于 2023-11-22 10:03:52 发布
最新推荐文章于 2023-11-22 10:03:52 发布
阅读量263 收藏
点赞数
分类专栏： 各种安装配置问题 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43912756/article/details/105115100
版权

安装webpack时采用本地安装，打包时在终端进行打包发现一直出错，以为一定要全局安装。后来在b站上看到另一个讲webpack原理讲的非常透彻的课程，理解了很多

在这里插入图片描述

老师说，在终端直接采用webpack命令打包的全部是默认全局webpack打包，除非手动规定路径。要使用webpack本地打包可以采用以下步骤

  1. 在 package.json 文件中进行设置
    在这里插入图片描述
    即在 scripts 下面添加 build 那一栏

  2. 在终端打包采用下面的命令

npm run build

运行该命令时即调用的 scripts >> build >> webpack命令，实现本地打包

这个东西不好和你解释，因为我是菜狗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app - 插件[App云打包]安装失败！（app打包时显示app云打包插件安装失败）解决方案
王佳斌
07-19 6759
uni-app - 插件[App云打包]安装失败！（app打包时显示app云打包插件安装失败）解决方案HBuilderX插件解压移动到指定目录，需要权限，如果没有权限，插件就会下载、或移动失败。如果您是老版本编辑器，请卸载后安装新版，因为老版本不需要安装这个打包插件，而是内置的。找到编辑器安装目录，给予管理员权限（网上去查看教程），并且以管理员身份运行编辑器。这个几率不大，但是如果您安装编辑器的磁盘慢了，那就是这个问题了，删除掉一些文件。实在不行，重新卸载（记得卸载干净，网上有教程）编辑器，再重新安装...
webpack 打包错误
qq_27009517的博客
03-09 2878
PS D:\front-end-interview\webpack\WebpackDemo-master\demo3> webpack (node:399648) [DEP_WEBPACK_MAIN_TEMPLATE_GET_ASSET_PATH] DeprecationWarning: MainTemplate.getAssetPath is deprecated (use Compilation.getAssetPath instead) (Use `node --trace-de...
在把webpack作为本地开发依赖安装的时候报错
weixin_33919941的博客
12-03 245
在把webpack作为本地开发依赖安装的时候报错 Refusing to install webpack as a dependency of itself 原因是package.json里的name的值为webpack，所以换个名字就好了
uniapp本地安装包生成失败，请重试或者切换到非安心打包模式进行打包
LFQP_的博客
02-18 3701
本地安装包生成失败，请重试或者切换到非安心打包模式进行打包
webpack 打包本地静态资源
yyj_ZS的博客
12-20 1946
如何使用webpack打包独立页面 初始化 首先我们需要在项目根目录执行npm init来初始化（一路回车） 安装webpack 首先在项目文件夹打开命令窗，然后执行命令 npm install webpack webpack-cli --save-dev 在项目根目录新建webpack.conf.js用来配置webpack const path = require('path') //文件路径处理 const htmlWebpackPlugins = require('html-webpack-plug
Hbuilder云打包安心打包错误问题总结（非法字符打包失败问题+win7非法选项：RSA导致不能生成签名）
积极羊
04-15 6144
错误问题1： 在我本地win10下安心打包总是去我c盘存放缓存（网上资源查了一天，官群也加了问，没有解决方案，这个路径好像被写死在服务器上了），然后我户名是中文，就显示非法字符打包失败，如果使用的路径有中文就会打包失败（有空格也会打包失败） 解决方案：更换一个操作系统（弄个双系统或者虚拟机），将用户名设置为英文 最后在win7系统下成功安心打包成功 错误问题2： 生成签名证书 Win10下： Win7下：同样的生成签名命令会报错（非法选项：RSA） 解决方案：删除RSA 关于生成证书的命令：
webpack打包报错记录
qq_42309685的博客
08-27 893
Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. configuration.module.rules[2] should be one of these: ["…" | object { assert?, compiler?, dependency?, descriptionData?, enforce?, .
webpack打包工具及原理
m0_62877814的博客
02-13 2128
webpack打包工具原理及特性分析
vue项目中运用webpack动态配置打包多种环境域名的方法
10-16
这篇文章将详细介绍如何在Vue项目中利用Webpack实现动态配置，以便于打包出适应多种环境域名的版本。 首先，我们要讨论的是为什么要进行环境配置的动态化管理。在开发过程中，我们通常需要区分本地开发环境、测试...
webpack打包项目
qq_36623798的博客
01-16 472
前端小白，第一次写博文，也算理理自己的理论，有错请指教，各位大佬勿喷蟹蟹٩('ω')و
解决vue项目打包上服务器显示404错误,本地没出错的问题
01-22
这是webpack打包的结果，解决办法如下 1、修改build文件夹下的utils.js文件，大约在51行添加 publicPath:../../ if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-...
webpack 之单页面打包
jenSS的博客
06-19 672
上一篇文件简单的介绍的一些webpack的基础知识和简单应用以及部分loader的使用，今天将会介绍一些loader和plugins常见插件配置，下篇文章将会介绍多页面打包配置 在现在工程化开发的今天比如会使用一些工程化语言帮助我们快速开发，减少时效性例如，less scss等css预处理语言，那么我们就来说说怎么样在webpack中配置。 // 依然新建一个文件 webpack-2 -- src -- img // 图片音频视频等文件 -- css // .css/.scss/.le
Java项目打包工具安装失败解决方法
徐刘根的博客
08-06 4800
在学习Java的时候我们打包项目但遇到如下情况：（提示没有找到java的运行环境！） 网上目前有两中的解决方案: （1）选择本地jdk环境; （2）下载Download 但是第一种选择本地老是失败（方法：点Locate找到你机器上已安装的JDK目录下/bin/java.exe就可以进行安装了）  目前我还没有解决的（如果成功的话，算你走运） 然后使用第一种但是下载的时候也是
uni-app本地打包配置过程中出现的问题
weixin_43801564的博客
05-05 1万+
1、配置android studio 这里面没有主要碰到以下坑： 1、偶尔会出现没有这个选项，可以通过重启电脑或者重启软件的方式解决（多重启几次）； 2、碰到opengles的版本过低的问题，可以升级一下驱动，可以在这个网站进行下载 http://www.ldmnq.com/bbs/thread-9-1-1.html（注意可能会有捆绑软件！） 3、Emulator: Process finish...
使用webpack打包命令报错显示无法加载文件——解决办法
m0_54122451的博客
07-02 629
webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?输入：set-ExecutionPolicy Remotesigned，设置执行策略远程签约。显示：Remotesigned，表示已经远程签约了，可以正常使用webpack命令打包了。继续输入：get-ExecutionPolicy，查询执行策略。
使用webpack进行打包的时候无法进行打包无法进行打包
最新发布
m0_74205854的博客
11-22 398
语法规范,但是在进行使用配置webpack.congfig.js进行导出暴漏的时候,使用的却是。出现这个问题的原因主要是因为在package.json中进行定义使用的语法规范是。既用module.exports进行导出,所以会出现这个问题.因为我写的js文件使用的是ES6的语法规范,所以把。文件中进行导出的模式,改成了默认进行导出。,进行导出,问题就解决了,总之要进行保证。设置和使用的语法规范要是相同的.
webpack打包教程
zhaoyifei01的博客
03-06 2923
webpack打包
Vue基础知识总结 9：vue webpack打包原理
热门推荐
学Java，找哪吒
10-06 2万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 一、前端模块化 webpack是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。 并且不仅仅是JavaScript文件，还有CSS、图片、json文件等等，在webpack中都可以被当做模块来使用。 二、打
本地安装webpack
11-04
要在本地安装webpack，可以使用npm命令进行安装。首先需要在命令行中进入到项目的根目录，然后运行以下命令： ``` npm install webpack webpack-cli --save-dev ``` 其中，`--save-dev`参数表示将webpack作为开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值