명령줄을 사용하여 Webpack을 설치하는 단계-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

명령줄을 사용하여 Webpack을 설치하는 단계

不言

Aug 18, 2018 pm 03:08 PM

webpack

이 문서는 명령줄을 사용하여 Webpack을 설치하는 단계를 제공합니다. 특정 참조 값이 있으므로 도움이 될 수 있습니다.

Weback 명령줄 설치

1단계:

npm install webpack -g           //全局安装

2단계:

npm init                  //初始化

3단계:

npm install –save-dev webpack           //项目目录的安装  –save-dev是在开发中使用，-save要保存到package.json里面

4단계:

webpack -v        //检查版本号

확장:

npm install npm 패키지 설치 시 두 가지 명령이 있습니다. package.json 파일에 정보를 쓸 수 있는 매개변수 중 하나는 npm install입니다. –save 다른 하나는 npm install –save-dev입니다. 둘 사이의 표면적인 차이점은 –save가 package.json에 종속 패키지 이름을 추가한다는 것입니다. 파일 종속성 키, –save-dev가 package.json 파일 devDependency 키에 추가됩니다. devDependency 아래에 나열된 모듈은 개발 중에 우리가 사용합니다
종속성 아래의 모듈은 게시 후에도 여전히 의존해야 하는 모듈입니다(즉, 프로덕션에 사용되는 종속 모듈)

관련 기사

VUE3入门教程：使用Webpack进行打包和构建Jun 15, 2023 pm 06:17 PM

Vue是一款优秀的JavaScript框架，它可以帮助我们快速构建交互性强、高效性好的Web应用程序。Vue3是Vue的最新版本，它引入了很多新的特性和功能。Webpack是目前最流行的JavaScript模块打包器和构建工具之一，它可以帮助我们管理项目中的各种资源。本文就为大家介绍如何使用Webpack打包和构建Vue3应用程序。1.安装Webpack

vite和webpack的区别是什么Jan 11, 2023 pm 02:55 PM

区别：1、webpack服务器启动速度比vite慢；由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。2、vite热更新比webpack快；vite在HRM方面，当某个模块内容改变时，让浏览器去重新请求该模块即可。3、vite用esbuild预构建依赖，而webpack基于node。4、vite的生态不及webpack，加载器、插件不够丰富。

如何使用PHP和webpack进行模块化开发May 11, 2023 pm 03:52 PM

随着Web开发技术的不断发展，前后端分离、模块化开发已经成为了一个广泛的趋势。PHP作为一种常用的后端语言，在进行模块化开发时，我们需要借助一些工具来实现模块的管理和打包，其中webpack是一个非常好用的模块化打包工具。本文将介绍如何使用PHP和webpack进行模块化开发。一、什么是模块化开发模块化开发是指将程序分解成不同的独立模块，每个模块都有自己的作

webpack怎么将es6转成es5的模块Oct 18, 2022 pm 03:48 PM

配置方法：1、用导入的方法把ES6代码放到打包的js代码文件中；2、利用npm工具安装babel-loader工具，语法“npm install -D babel-loader @babel/core @babel/preset-env”；3、创建babel工具的配置文件“.babelrc”并设定转码规则；4、在webpack.config.js文件中配置打包规则即可。

Webpack是什么？详解它是如何工作的？Oct 13, 2022 pm 07:36 PM

Webpack是一款模块打包工具。它为不同的依赖创建模块，将其整体打包成可管理的输出文件。这一点对于单页面应用（如今Web应用的事实标准）来说特别有用。

使用Spring Boot和Webpack构建前端工程和插件系统Jun 22, 2023 am 09:13 AM

随着现代Web应用程序的复杂性不断增加，构建优秀的前端工程和插件系统变得越来越重要。随着SpringBoot和Webpack的流行，它们成为了一个构建前端工程和插件系统的完美组合。SpringBoot是一个Java框架，它以最小的配置要求来创建Java应用程序。它提供了很多有用的功能，比如自动配置，使开发人员可以更快、更容易地搭建和部署Web应用程序。W

vue webpack可打包哪些文件Dec 20, 2022 pm 07:44 PM

在vue中，webpack可以将js、css、图片、json等文件打包为合适的格式，以供浏览器使用；在webpack中js、css、图片、json等文件类型都可以被当做模块来使用。webpack中各种模块资源可打包合并成一个或多个包，并且在打包的过程中，可以对资源进行处理，如压缩图片、将scss转成css、将ES6语法转成ES5等可以被html识别的文件类型。

vue中的webpack用什么安装Jul 25, 2022 pm 03:27 PM

vue中的webpack用node包管理器“npm”或npm镜像“cnpm”来安装。webpack是一个用于现代JavaScript应用程序的静态模块打包工具，是基于node.js开发的，使用时需要有node.js组件支持；需要使用npm或者cnpm进行安装，语法“npm install webpack -g”或“cnpm install webpack -g”。

See all articles