webpack
关注
分享
扫一扫
文章平均质量分 58
我是大头鸟
匠心精神，兹绒莘商城网址：https://www.read8686.com/
一个专门的软件资源，能力资源交易平台
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack 项目使用--转换为React项目（4）
在上面的几篇博客中我们创建了webpack项目，现在我们需要将webpack项目转换为react项目，如何进行转换 1.将项目中的node_modules 文件夹删除 2. 安装dom 和react-dom cnpm i react react-dom -S 安装好了之后我们发现在项目中重新生成了node_modules 3.在项目中使用react，如何使用，首先在index.html 创建一个容器 <!DOCTYPE html&g...原创 2021-08-06 18:10:34 · 369 阅读 · 0 评论 -
webpack 项目使用 html-webpack-plugin（3）
html-webpack-plugin 这个插件的功能是将 html 文件打包，在上一篇的博客中我们使用webpack-server将webpack项目使用本地的项目打开如：loalhost:3000 具体内容：https://blog.csdn.net/datouniao1/article/details/119449220 但是最终显示的结果如上，显示这个目录下面的文件，并不是我们想要的index.html页面，这也就是因为我们的html 参与项目的打包。那么如何将项目打包，才能实现首页是我们.原创 2021-08-06 17:07:49 · 459 阅读 · 0 评论 -
webpack 项目使用webpack-dev-server 自动编译 （2）
在上一篇的博客中我们使用webpack 创建了一个项目 创建webpack 项目（1）https://blog.csdn.net/datouniao1/article/details/119426913 我们继续上节课的内容，在我们创建的webpack项目中,使用webpack-dev-server webpack-dev-server 类似于tomcat 能实现将webpack 部署，通过localhost:xxxx的方式打开 在开发项目中能够实现实时的编译项目，将我们修改的...原创 2021-08-06 11:39:23 · 389 阅读 · 0 评论 -
webpack 项目使用--创建webpack 项目（1）
1.新建一个文件夹 假设文件夹的名称为 wdgapp，并且通过命令行到该目录下 2. 初始化项目 npm init -y 3.在wdgapp 文件夹中创建src 文件夹（源代码） 和dist（编译生成文件） 并且在src文件夹中新建index.html 文件和 index.js 文件 编辑index.html: <!DOCTYPE html> <html lang="en"> <head> <me...原创 2021-08-05 21:21:18 · 508 阅读 · 0 评论 -
webpack 搭建rect项目
1、首先创建一个文件夹demo02，并打开cmd 进入到demo02 文件夹中 项目初始化：cnpm init -y 文件夹中此时会生成package.json文件 内容如下： { "name": "demo02", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&am.原创 2021-07-20 13:17:46 · 271 阅读 · 0 评论 -
运行webpack命令每次提示安装webpack-cli
再react创建的脚手架张运行webpack 提示需要安装webpack-cli webpack-cli 是用来在控制台运行webpack命令的工具 可是我记得之前安装过webpack-cli，为什么还要安装 原因是我没有全局安装webpack-cli: 我只是按照提示：npm install -D webpack-cli 执行了这个命令，但是这个是在项目上面安装 npm install -D 等价于：npm install --save-dev npm install moduleN.原创 2021-07-19 17:03:10 · 1507 阅读 · 0 评论 -
webpack 安装使用（1）
安装 1. 全局安装命令：cnpm install weback -g 2. 安装webpack-cli： cnpm install -D webpack-cli webpack-cli 是用来在控制台运行webpack命令的工具 传概念 使用 新建demo01 文件夹，并在该文件文件夹下面创建app和public两个文件夹，和webpack.config.js 如下： 2.生成package.json文件：cmd 进入到demo01文件夹 执行：cnpm init，回答一些..原创 2021-07-19 14:50:34 · 211 阅读 · 0 评论