webpack
文章平均质量分 66
月影WEB
全栈工程师,所发文章或者资源均经过自身测试,不断的学习,才能不断的成长!
展开
-
debugger调试监听webpack配置文件的代码
1.在 package.json 文件中中添加调试 webpack 配置文件的代码。"scripts": { "debug": "node --inspect-brk ./node_modules/webpack/bin/webpack.js --config ./webpack.dev.config.js",}【node】:通过node启动 。【inspect】:调试模式。【brk】:在首行打一个断点,调试代码会在首行停住。【./node_modules/webpack/...原创 2022-05-28 21:14:16 · 805 阅读 · 4 评论 -
webpack的配置详解
webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。通俗的解释就是:webpack 可以将你项目中的每一个模块都进行打包编译成一个或者多个静态资源,然后可以通过打包过后的静态资源来展示你的项目内容。webpack(webpack.config.js) 的核心概念:1.入口(entry)打包模块的入口,在没有设置【入口(entry)】的时候,默认的入口路径为:【./src/index.js】。代码:单页面应用:module.exports原创 2022-05-27 19:58:52 · 559 阅读 · 4 评论 -
webpack如何跨域和打包线上如何用nginx跨域?
首先项目的前后端完全分离,并且前端和后端各用了一个服务,也就是两个服务,方便前后端各自分开开发;在前端用react开发完之后,一般都是用的webpack来开启前端服务,然后后端也同时开启对应的后端服务。第一种情况:前端和后端代码都在本地。此时本地的前后端服务分别是:前端:http://localhost:8888后端:http://localhost:8085而前端代码中一般都会有大量需要访问后端API接口的功能,因为前后端是不同的两个服务,因此会涉及到跨域访问后端API接口,这个时候就需原创 2022-05-06 00:06:54 · 2170 阅读 · 14 评论 -
webpack的安装步骤及文件(1)
1.检查是否有安装npm。在windows系统下,同时按下windows+R调出命令,输入CMD,如下图:图1打开命令工具,输入命令:npm -v如下图:图2图中显示了5.6.0说明已经安装了npm,显示的5.6.0是npm的版本,如果没有安装的话就要先去安装一下npm之后再继续接下去的操作;2.进入项目文件夹并生成package.json文件。新建一个空文件newitem,如下图:图3然后用命令工具进入这个新项目的空文件夹,然后再输入npm init,如下...原创 2022-04-29 22:16:58 · 1500 阅读 · 0 评论