IT技术之家

首页 > TAG信息列表 > webpack

  • node、Webpack安装_小夏同学呀_node webpack

    一 node.js安装官网:https://nodejs.org/en/下载地址:https://nodejs.org/dist/v14.17.6/node-v14.17.6-x64.msi1.1 安装nodejs1.2. 打开CMD,检查是否正常C:\Users\Administrator>node -vv14.17.6## 虽然node自带npm,但是不是最新版本的npmC:\Users\Administrator>npm -v6.14.151.3.自定义目录在D


    标签:webpacknpmnode.js
  • webpack:开发环境下调试代码-source-map_Celester_best

    现在我们将代码故意写错一个地方,运行webpack命令,看浏览器报错情况不设置source-map可以看到报错的地方并没有为我们提供具体的位置。设置不同的source-mapsourse-map:一种提供源代码到构建后代码映射技术,如果构建后代码出错了,通过映射可以追踪源代码错误。设置source-map只需要在webpack.config.js中设置devtool即可设置devtool:'source-map'设置devtool:'source-map',执行webpa


    标签:webpack前端node.js
  • Vue结构目录的了解_qq_44592915

    使用 IDE打开该目录,结构如下所示目录结构:build 项目构建(webpack)相关代码。 webpack 模块打包器,它可以将模块打包成符合生产环境部署的前端资源。 config 需要进行相关的配置,包括端口号等。一般是默认的。 node_modules 加载的项目依赖模块。 src 项目源码目录(开发都在这里进行)。 components 目录里面放了一个组件文件。 App.vue .


    标签:webpack前端node.js
  • Vite快速开发入门(技术栈方向:Vue3.x+Vite)_STEFAN%%%_vite开发

    这里写目录标题初次接触ViteVite是什么?Vue 3.0 + Vite 快速尝鲜!Vite和Vue-Cli版本之子:Vite2实习公司技术栈要求使用Vue3+Vite进行开发,当时学习过程中主要使用的是Vue2.x,一进去就用新的版本进行开发,略微感觉不适(其实是害怕自己搞不懂哈哈哈),还好3.0是兼容2.x的,只能在开发过程慢慢摸索学习初次接触ViteVite是什么?Vue 3.0 + Vite 快速尝鲜!Vite和Vue-Cli版本之子:Vite2链接: [译]Vue官方成员:Vite


    标签:webpack前端vue.jsnode.jsjavascript
  • chalk开源库_别问我也不会

    chalk的使用与避坑


    标签:node.jswebpackvue
  • [Node] Node.js Webpack常见的模式_coderHing

    如在开发vue或react项目时 需要一个可以挂在后续组件的跟标签在html-webpack-plugin的源码中,有一个defaults_index.ejs模块。我们的HTML文件是编写在根目录的,最终打包的dist文件夹中没有index.html文件的。如添加一个 noscript标签 在用户的JS被关闭时 给予响应的提示。在进行项目部署时 必须也是需要有对应的入口文件index.html。Temolate: 指定我们曜使用的模块所在的路径。


    标签:webpacknode.jsjavascript
  • [Node] Node.js 包管理工具详解npm yarn cnpm npx pnpm_coderHing

    [Node] Node.js 包管理工具详解npm yarn cnpm npx pnpm??? Node.js专栏:Node.js 初级知识


    标签:npmnode.js前端webpack开发语言
  • process.env环境变量配置方式(配置环境变量区分开发环境和生产环境)_普通网友_设置process.env

    言归正传。 process.env 是 Node.js 中的一个环境变量。其中保存着系统的环境的变量信息。可使用 Node.js 命令行工具直接进行查看:说明 process.env.NODE_ENV 不是系统默认选项,是人为后续加入的一个自定义项这个变量主要用于标识当前的环境(生产环境,开发环境)。默认是没有这个环境变量的,需要自己手动配置。不同系统有不同的环境变量配置方式。开始设置:1、npm init -y 先初始化一个默认的包配置2、在生成的package.json中,对scripts添加新指令w


    标签:webpacknpmnode.jshttpsjava
  • [Node] Node.js Webpack和打包过程_coderHing

    [Node] Node.js Webpack和打包过程webpack并不清楚我们打包后的文件是否需要转成ES5之前的语法 后续我们需要通过babel进来转换和设置。所以安装webpack时 我们需要同时安装webpack-cli(第三方的脚手架事实上是没有使用webpack-cli的 而是类似于自己的vue-service-cli的东西)在通常情况下,webpack需要打包的项目是非常复杂的,并且我们需要一系列的配置来满足要求,默认配置必然是不可以的。显示路径会出现一些问题;


    标签:webpacknode.js前端开发语言
  • [ 基础漏洞篇 ] webpack 前端源码泄露详解__PowerShell_webpack源码泄露

    ????? 博主介绍:大家好,我是,很高兴认识大家~?主攻领域:【渗透领域】【数据通信】 【通讯安全】 【web安全】【面试分析】??欢迎关注??一起学习??一起讨论??一起进步??文末有彩蛋??作者水平有限,欢迎各位大佬指点,相互学习进步!目录?? 博主介绍一、webpack 介绍1. 什么是 webpack?2. webpack 的主要功能是什么?3. webpack 使用不当能造成什么样的危害?二、webpack 前端源码泄露挖掘1. 手工挖掘1. 查找使用webpack的网页2. 下载源码。...


    标签:前端webpackjavascriptweb安全漏洞
  • 部署vue element-ui admin报错(vue2)_pulledup

    删除npm的缓存 (即删除文件夹C:\Users\Administrator\AppData\Roaming\npm-cache下的内容)# 赋予该文件夹的访问权限(安装过程若对此有提示,则加入): C:\Users\Administrator\AppData\Local\tmp。# 赋予该文件夹的访问权限: C:\Users\Administrator\AppData\Roaming\npm。npm首先会在你的项目文件夹下创建本机的“临时的稳定版的的分析存储库”文件夹:


    标签:webpackjavascriptvue.js部署element-uivue2element-ui
  • Nginx部署多项目_barnett_y_nginx部署2个项目

    前言:Nginx (Nginx中文文档) 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。Nginx介绍、安装和一些简单的命令我这里就不多说了。留下个链接 Nginx介绍、安装、常用命令 。正文:浅尝Nginx后,想在原来第一个项目成功部署的提前下部署其它项目。这是第一个项目的配置端口881.不改配置同端口部署多项目起先我以为很简单也不需要修改配置,找到了第一个部署的目录/usr/share/nginx/html文件夹下,反


    标签:前端webpacknpm
  • webpack处理iconfont字体文件打包_-耿瑞-_webpack 打包字体文件

    首先你要先会用iconfont如果还不会建议观看我的文章iconfont创建前端图标库先在我们的文件夹里建一个项目npm init 根据提示操作 就会生成一个package.json我们现在项目终端把该引入的东西引入了npm install webpack webpack-cli --save-devnpm install html-webpack-plugin --savenpm install webpack-dev-server --save npm install css


    标签:webpack前端node.js
  • webpack的基本使用过程以及命令_骨子里的偏爱_webpack的执行过程

    一、webpack的基本使用过程1.安装webpacknpm install webpack@3.6.0 -g2.查看是否安装完成,检测版本webpack -v3.打包的过程 (两个路径中间有空格)webpack ./src/main.js ./dist/bundle.js4.如果因为webpack的版本过高,可以使用如下的方式webpack ./src/main.js -o ./dist/bundle.js5.如果是webpack5的版本的使用如下的方式 (设置为生产模式下)w


    标签:webpack前端node.jsvue.jsvue
  • 输入url地址按下回车会发生什么_猪也是粉嘟嘟的_url回车发生了什么

    输入url后,首先会去进行域名解析为ip地址客户端根据ip地址去寻找相应的服务器然后与服务器进行TCP的三次握手。所谓三次握手,就是客户端在请求与服务端连接时,彼此共计发送了三次数据包。客户端找到相应的资源库根据资源库返回页面信息浏览器根据自身的执行机制解析页面最后服务器将解析信息返回给客户端,进行TCP四次挥手客户端显示自己的请求,即服务端返回的东西。...


    标签:webpacknode.jsvue.js