Webpack安装及使用

win系统 全局安装Webpack及使用

前提:使用Webpack必须安装node环境,建议使用nvm管理node版本。

1:查看自己电脑是否安装了node

2:npm install webpack@版本号 -g

3:npm install webpack-cli -g

-g:表示全局安装

4:关掉cmd 重启cmd窗口 输入命令 webpack -v
出现版本号证明安装成功

##########################################

如在VScode 使用webpack打包js文件时 出现以下错误

报错webpack : 无法加载文件 D:\nodejs\xxxxx,因为在此系统上禁止运行脚本。

解决方案:

1:

以管理员身份运行VScode

2:进入VScode 打开终端:
如显示Restricted表示禁止状态

3:再使用此命令

此时再用webpack就没问题了

相关推荐
2301_766536051 小时前
调试无痛入手
开发语言·前端
@大迁世界2 小时前
构建 Next.js 应用时的安全保障与风险防范措施
开发语言·前端·javascript·安全·ecmascript
IT、木易3 小时前
ES6 新特性,优势和用法?
前端·ecmascript·es6
计算机软件程序设计3 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
指尖时光.3 小时前
【前端进阶】01 重识HTML,掌握页面基本结构和加载过程
前端·html
前端御书房3 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder4 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式
晚安7204 小时前
idea添加web工程
java·前端·intellij-idea
Minner-Scrapy4 小时前
Layer2 扩容解决方案详解
node.js·web3·区块链·mlnet·hardhat
零凌林5 小时前
vue3中解决组件间 css 层级问题最佳实践(Teleport的使用)
前端·css·vue.js·新特性·vue3.0·teleport