参考地址： https://blog.csdn.net/feinifi/article/details/104578546 画重点： // 需要带上参数--offline表示离线初始化。 --offline vue init webpack demo --offline 问题 ： 解决：下载weba ...
转载
2021-07-12 11:33:00
976阅读
2评论
开始之前，需要安装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阅读
一、准备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阅读
vue init webpack my_project
原创
2022-04-06 10:36:57
204阅读
vue init webpack my_project
原创
2021-04-22 20:04:09
166阅读
1.新建一个文件夹 假设文件夹的名称为 wdgapp，并且通过命令行到该目录下2. 初始化项目 npm init -y3.在wdgapp 文件夹中创建src 文件夹（
原创
2022-07-07 17:55:24
507阅读
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
原创
2022-05-10 10:26:25
1407阅读
点赞
基本安装
首先创建一个文件夹webpack-demo(名字自取)，然后在本地安装webpack，接着安装webpack-cli
npm init -y
npm install webpack webpack-cli --save-dev
然后在主文件夹下新建一个src和public子文件夹和webpack.config.js配置文件
在子文件夹public中新建index.html(此文件为入
原创
2023-08-28 20:01:35
853阅读
点赞
之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 2.打包后的代码如何 ...
转载
2021-08-10 10:41:00
640阅读
2评论
基础环境Vue CLI 版本为 v5.0.0-alpha.2，v5.0 以上支持 webpack 5，终于可以直接使用模块联邦了Node.js 版本为 v15.3.0 （官方建议是 10 以上版本，最低为 8.9）yarn 版本为 1.22.10 （推荐使用，用NPM也可以）通过以下命令行查询对应版本号：vue --version // @vue/cli 5.0.0-alpha.2nod
转载
2021-01-15 19:52:22
989阅读
1.安装node.js1.1 到node官网下载node，如图选择适合自己的安装包1.2 下载完成后安装，一直下一步就可以了1.3 安装完成后，使用win + R 打开cmd，使用 node -v 查看node版本，node是自带npm的，使用 npm -v 可查看npm版本，如图所示： 2.安装vue cli2.1 win10下在搜索框输入cmd，右键以管理员运行，如图所示
原创
2022-09-27 12:23:35
409阅读
一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下： 然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js
转载
2024-04-18 16:39:14
2090阅读
概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli 文件解释： build中配置了webpack的基本配置、开发环境配置、生产环境配置 config中配置了
原创
2022-04-06 11:26:27
506阅读
一、了解webpack作用： 进行模块化打包，他会分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用工作方式： 把你的项目当做一个整体，通过一个给定的主文件（如：index.js）,Webpack将从这个文件开始,找到你的项目的所有依赖文件,使用loaders处理它们，最后打包为一个浏览
转载
2024-06-20 12:52:01
20阅读
首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下： 在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node
原创
2022-06-20 10:08:20
156阅读
webpack 是一个前端工程化打包工具，对于前端工程师来说 webpack 是一项十分重要的技能。下面我们就通过搭建一个 vue 项目来学习使用 webpack主要环境：node v14.15.0npm v6.14.9webpack v5.10.0webpack-cli v4.2.0vue v2.6.12本项目实现以下功能：与vue/cli类似的基本目录支持*.vue,*.css等文件支持es6
转载
2021-05-10 17:24:56
195阅读
2评论
