webpack自学------项目初始化与一般项目文件目录

J120_G

已于 2022-04-04 13:27:30 修改

阅读量957

点赞数

文章标签： javascript

于 2022-03-27 17:48:28 首次发布

本文链接：https://blog.csdn.net/J120_G/article/details/123777529

版权

1：打开vscode，创建一个空白目录，调出终端，运行npm init -y 初始化该项目文件

我们会发现会在我们创建的目录下增加package.json文件。

2：新建src。注意：src是存放我们自己写的文件的（包括js,html,css,less，图片等）

3：安装需要的框架。本次实验是需要jQuery。npm install jquery -S

-S是--save的简写，安装成功会有node_module包和在package中出现

本次现讲述一个项目一般需要的目录讲解。

主要就是项目的初始化和jQuery的安装

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

J120_G

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

从零配置webpack-vue项目(1)，万字长文

2401_84091938的博客

04-05

758

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

自学uni-app （1）uni-app的搭建和基本目录结构

Slow down your pace

08-04

892

uni-app可用于跨平台，支持app平台、h5平台、小程序平台一次编写，多平台生成

参与评论您还未登录，请先登录后发表或查看评论

webpack学习---初始化项目

斌儿的博客

05-19

381

安装 mkdir webpack && cd webpack npm init -y npm install webpack webpack-cli --save-dev init 的时候会生成package.json文件,name名是webpack, 然后下一步安装webpack的时候会报错 npm install webpack webpack-cli --save-dev npm ERR! code ENOSELF npm ERR! Refusing to install pac

使用webpack初始化项目

爱勇宝

05-19

1377

学习使用webpack构建自己的项目。

webpack项目工程初始化

QAEARQ的博客

11-28

612

webpack工程初始化

webpack创建初始化项目

wangshang1320的博客

06-03

1754

1、在项目根目录运行npm init -y命令快速初始化项目 2、在项目根目录创建 src 源代码目录和 dist 产品目录 3、在src目录下创建index.html文件 4、使用npm安装webpack,webpack-cli, 执行如下命令即可 npm i webpack webpack-cli -D 5、项目根目录下新建webpack.config.js文件，进行相关配置 module.exports = { mode: 'development', ..

webpack5初始化项目（简单版）

qq_37312180的博客

03-02

804

webpack5初始化项目 3.安装webpack webpack-cli 4.安装html-webpack-plugin 5.安装webpack-dev-server 7.运行webpack

云E办-前端-Vue.zip

12-21

在项目中，你可能会看到`main.js`这样的入口文件，这是Vue应用的初始化部分，通常会导入Vue库并创建根Vue实例。组件是Vue的核心特性，它们是可重用的代码块，可以封装HTML、JavaScript和CSS。在"yeb-ui-master...

TypeScript自学课(5)-使用TSC编译TS

发果叁

06-16

2801

在上一章中，我们介绍了TSC工作，但是并没有完整的走完一个使用流程，本文，我们通过一个add函数来学习编写TS代码的流程。在编码之前，是需要配置好TSC的配置文件,执行 初始化项目,自动生成文件，并默认配置项。对于一个前端项目，肯定是分文件夹的。例如：我们的代码可能是放在src下面，如果有使用npm拉取使用第三方包，会生成文件夹。src我们是需要编译的，但是是不需要编译的，我们就需要将排除掉，就像是webpack打包也会配置排除TSC提供了和来配置编译和忽略文件。启动监听，不打包此时你会在控制台发现，

vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇

drhrht的博客

07-31

6386

但是会出现卡顿现象。当微信支付弹窗弹出，就要持续发获取订单支付状态的请求（持续是因为并不知道用户什么时候支付，所以需要持续发请求，直到能获取到支付状态），若接收到支付成功，则路由跳转至支付成功页面。项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。例如，为防止，不经过某路由就直接在地址栏输入本路由地址而跳转至本路由，导致本路由获取不到前面路由的某些数据，所以给本路由加路由独享守卫。...

初始化创建一个webpack项目

最新发布

csucoderlee的专栏

05-05

466

执行npm install webpack webpack-cli --save-dev，安装webpack和webpack-cli。git的变更里，package.json中可以看到新增了两个依赖项目，安装了webpack和webpack-cli。git变更里，新增了一个package.json的文件，初始化了一个空的npm项目，将这个改动提交commit。安装后的webpack，实际上是放到了node_module下，可以执行以下命令来验证webpack的版本。执行nvm use 19.2.0。

webpack基础用法配置及项目初始化

情非得已小猿猿

09-12

828

一、初始化 1、npm init -y npm webpack webpack-cli -D 2、新建webpack.config.js 3、打包命令配置 npm run build package.json文件中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, 二、基础属性 1、enter 用来指定webpack的打包入口单入口：enter是一个字

webpack 初始化项目

fareast_mzh的博客

04-24

3215

1.创建一个空目录 mkdir .\testWebPack 2.初始化当前目录的npm环境 npm init { "name": "testwebpack", "version": "1.0.0", "description": "learn webpack and react", "main": "index.js", "author": "1335250574@q...

创建基本的webpack4.x项目

weixin_38644630的博客

02-03

125

创建基本的webpack4.x项目 1.运行 npm init -y 快速初始化项目 2.在项目的根目录创建src源代码目录和dist产品目录 3.在src目录下新建 index.html 和 main.js 入口文件 4.使用 cnpm 安装 webpack ，运行 cnpm i webpack -D 安装 cnpm npm i cnpm -g 5.再安装 cnpm i webpack-cli -D 6.注意：webpack 4.x 提供了约定大于配置的概念，目的是为了尽量减少配置

webpack 之从 0 创建一个 webpack5 的项目

shenjing_Shining的博客

11-11

1650

目标新建一个 webpack5 项目，包括开发环境和生产环境 初始化 webpack 项目第一步：初始化 package.json npm init -y 第二步：安装 webpack npm install webpack webpack-cli -D 注意： -D等价于--save-dev; 开发环境时所需依赖 -S等价于--save; 生产环境时所需依赖第三步：初始化文件和目录创建 src 目录， src 目录下新增打包的入口文件 paths...

webpack项目初始化说明

xiaocai5731的博客

09-03

354

1、vue+webpack 初始化项目：全局安装vue-cli： cnpm install -g vue-cli 创建一个基于webpack模板的新项目： vue init webpack new-project 2、填写以下内容： Project name：项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。 Project description：项目描述，直接回车。 Author ：作者。 vue build：构建方式，有2个选项，推荐使用选项1 选项说明 Runtime

使用webpack搭建一个新项目

qq_41189996的博客

03-03

147

https://blog.csdn.net/ChasteBlessing/article/details/80435611

webpack 启动目录结构梳理

amyloverice的博客

08-20

777

初始化webpack项目

yuzhong的博客

07-11

715

一.下载node(安装方式很简单) node官网下载地址:http://nodejs.cn/download/ 检查是否成功: node -v (会输出 node的版本) 二.安装webpack (使用: webpack -v命令可以检查webpack是否安装正确,会打印出webpack的版本号) 如下图: 1.创建文件夹 : mkdir webpackdemo 2.进入创建的文件夹: cdwebpackdemo 3.npm初始化(: npm init ),这个过程会提示输入 pa...