1.新建一个文件夹 假设文件夹的名称为 wdgapp，并且通过命令行到该目录下2. 初始化项目 npm init -y3.在wdgapp 文件夹中创建src 文件夹（
原创
2022-07-07 17:55:24
507阅读
html-webpack-plugin 这个插件的功能是将 html 文件打包，在上一篇的博客中我们使用webpack-server将webpa
原创
2022-07-07 17:55:35
164阅读
参考地址： https://blog.csdn.net/feinifi/article/details/104578546 画重点： // 需要带上参数--offline表示离线初始化。 --offline vue init webpack demo --offline 问题 ： 解决：下载weba ...
转载
2021-07-12 11:33:00
976阅读
2评论
1.快速创建React项目 npm install -g create-react-app // 全局安装create-react-app (只需要安装一次) cre
原创
2022-06-16 13:10:12
299阅读
开始之前，需要安装node环境。（安装过程在此就不啰嗦了） 1、创建基本结构首先我们要创建一个空文件夹（我这里叫todos，你可以随便命名）作为项目的根目录。创建一个没有任何依赖关系的package.json，可以通过命令行 npm init 创建。配置下基本信息即可。创建一个index.html文件，这个是显示在浏览器中的页面。注意：1、这里的暂时并不存在；2、的数据会被vue文件填入
转载
2024-04-18 22:16:01
65阅读
在使用vue做开发时，大部分人只会使用官方提供的脚手架搭建项目，脚手架虽然很好用，但想要成为一名优秀的前端开发者，webpack这一道坎是绕不开的，所以我们要学会脱离脚手架，利用webpack手动搭建vue项目。下面我们使用webpack构建一个简单的vue项目。 前置条件：电脑已安装node 基本步骤如下：1. 新建一个空目录，并进入到改目录$ mkdir myAp
转载
2024-05-19 11:13:17
134阅读
npm init 创建 package.jsonnpm install --save-dev html-webpack-plugin生成 package.json{
"name": "html-webpack-plugin-test",
"version": "
原创
2017-11-24 15:21:04
1639阅读
1.运行如下命令初始化项目cnpm init -y2.在根目录下创建src和dist目录，src下创建index.html和index.js3.使用cnpm安装webpack，运行cnpm i webpack webpack-cli -D 全局运行：npm i cnpm -g4.注意：webpack4.x提供了约定大于配置，默认约定了打包的入口是src/inde...
原创
2022-01-19 11:01:36
62阅读
1.运行如下命令初始化项目cnpm init -y2.在根目录下创建src和dist目录，src下创建index.html和index.js3.使用cnpm安装webpack，运行cnpm i webpack webpack-cli -D 全局运行：npm i cnpm -g4.注意：webpack4.x提供了约定大于配置，默认约定了打包的入口是src/inde...
原创
2020-03-09 22:22:22
108阅读
vue init webpack my_project
原创
2022-04-06 10:36:57
204阅读
vue init webpack my_project
原创
2021-04-22 20:04:09
166阅读
一、准备vue-webpack项目的流程1、node npm的安装2、webpack全局安装 npm instal webpack @版本 -g 如webpack install webpack@3.6.0 -g -g指的全局3、创建webpack项目的package.json及pack-lock.json，指令为npm init4、cd至开发目录，安装本地对应的开发依赖
转载
2023-09-27 13:29:36
97阅读
插件地址：https://www.npmjs.com/package/html-webpack-plugin 这个插件用来简化创建服务于 webpack bundle 的 HTML 文件，尤其是对于在文件名中包含了 hash 值，而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自
转载
2016-08-14 19:29:00
277阅读
2评论
这个插件用来简化创建服务于 webpack bundle 的 HTML 文件，尤其是对于在文件名中包含了 hash 值，而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自动生成 HTML 文件，也可以使用 lodash 模板加载生成的 bundles，或者自己加载这些 bundles。
原创
2022-05-03 11:02:08
307阅读
1、包装html-webpack-plugin插件并在webpack.config.js中添加插件npm install html-webpack-plugin --save-dev webpack.config.jscons
原创
2023-07-17 14:23:52
141阅读
使用的库 webpack 3.6.0 loader eslint-loader 1.7.1 vux-loader 1.2.9 对.vue代码进行预处理 vux-loader\src\js-loader.js vue-loader 13.0.5 允许你以一种名为单文件组件 (SFCs)的格式撰写 Vu ...
转载
2021-08-05 11:28:00
152阅读
2评论
开发工具：HBuilder创建项目： 在电脑本地磁盘创建项目目录，如"D:\project" 打开HBuilder,这个工具默认会创建一个项目，我们删掉即可，然后新建项目："文件"---"新建"---"web项目" 配置一个项目名：html_css_quick_satrt, 项目路径为：D:\project 点击"完成" 第一个网页html元素关系 父子关系、兄弟关系、子
转载
2024-01-05 20:22:56
34阅读
什么是插件(plugin) plugin: 用于扩展 webpack 的功能 当然 loader 也是变相的扩展了 webpack, 但是它只专注于转化文件这一个领域 而 plugin 的功能更加的丰富，而不仅局限于资源的加载 什么是 HtmlWebpackPlugin HtmlWebpackPlu
原创
2021-11-09 16:59:00
399阅读
npm i html-webpack-plugin -d ...
转载
2021-08-06 17:15:00
65阅读
2评论
