webpack --save与--save-dev

最新推荐文章于 2021-03-09 17:46:12 发布
最新推荐文章于 2021-03-09 17:46:12 发布
阅读量347 收藏 2
点赞数 1
分类专栏： vue入门 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caicsama/article/details/104595607
版权

开发依赖：devdependencies
运行依赖:dependencies
在项目文件的package.json文件中可以看到
在这里插入图片描述
开发依赖是在编写代码时用到的库或包 --save-dev
一般用到的有：
框架 webpack ,编译器：style-loader sass-loder等
安装开发依赖：
npm install 库/包 --save-dev
可简写：
npm i 库/包 -D
运行依赖时开发完成，产品上线也会用到的库 --save
安装运行依赖:
npm install 库/包 --save
可简写：
npm i 库/包 -S

caicsama
关注
专栏目录
Vue第10天笔记：Vue动画（了解）、yarn命令的安装、webpack：介绍、基本步骤使用、npm中 --save和 --save-dev的区别、scripts的使用、配置到文件中、自动生成插件
m0_46597922的博客
08-03 1078
前一天复习 1. 自定义指令 (1) 定义使用 Vue.directive(指令名, 指令的配置对象) (2) 五个钩子函数 bind inserted update (3) 钩子函数的参数 el 指令所在的元素 binding 指令相关的信息对象 (1) name 指令名 (2) value 指令值 (3) arg 指令的参数 (4) modifiers 指令的修饰符 2. 动画 vue中的动
webpack --save-dev和--save的使用
青蛙king的博客
10-25 267
1、--save（默认） 简写为：-S 生产环境 自动把模块和版本号添加到dependencies。 2、--save-dev 简写为：-D 开发环境 自动把模块和版本号添加到 devdependencies。 ...
WebPack npm --save-dev --save | -D -S区别
HelloWord182的博客
07-01 458
-S：--save的简写，等同于npm run start 只需输入npm start，这两个效果是一样的。 -D：--sav...
webpack的使用
Gnemoah6的博客
03-09 223
webpack的使用 1、webpack的安装与配置 1.1、webpack安装 //在集成终端里面输入命令 npm install webpack webpack-cli --save-dev //这里--save-dev也可以简写为-D，这个的含义是只在开发中使用，在项目上线之后不使用，-S是-save的简写的，意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。 1.2、webpack的基本配置 module.exports={ mode:'devel
webpack-使用webpack-dev-server.rar
04-12
npm install --save-dev webpack-dev-server ``` 然后，在 `webpack.config.js` 配置文件中添加 `devServer` 配置项： ```javascript module.exports = { // 其他配置... devServer: { contentBase: './dist', ...
webpack-dev-server自动更新页面方法
11-26
cnpm i webpack-dev-server --save-dev cnpm i webpack --save-dev ``` 在项目结构中，通常会有一个 `webpack.config.js` 文件，用于配置 Webpack 的行为。如果项目中有多个 JavaScript 入口文件，你需要在配置文件...
webpack-dev-middleware：用于webpack的开发中间件
02-06
webpack-dev-中间件 与捆绑包一起使用的快速... npm install webpack-dev-middleware --save-dev 注意：我们不建议全局安装此模块。 用法 const webpack = require ( 'webpack' ) ; const middleware = require ( 'web
webpack-使用webpack-dev-middleware.rar
04-12
npm install webpack webpack-dev-middleware --save-dev 或 yarn add webpack webpack-dev-middleware --dev ``` 3. **配置 Webpack**：创建一个 `webpack.config.js` 文件，配置 Webpack 如何处理你的项目。...
web-webpack-plugin：替代html-webpack-plugin
02-03
npm i web-webpack-plugin --save-dev const { WebPlugin , AutoWebPlugin } = require ( 'web-webpack-plugin' ) ; 特征 输出html文件 webpack配置 module . exports = { entry : { A : './a' , B : './b' , ...
webpack-使用webpack-dev-server
xie__jin__cheng的博客
04-12 218
1.环境创建和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev webpack-dev-server npm start 2.目录结构 3.源文件 <!doct...
webpack安装配置
mandy' blog
05-11 542
新建项目文件，gitBash 可用淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 初始化: cnpm init 或者 cnpm init -y (快速初始化，避免一直按enter) 全局安装webpack： cnpm install webpack -g 针对webpac...
webpack安装及使用（一）
weixin_40982944的博客
05-08 193
安装webpack需先安装Node.js。安装webpack及webpack-clinpm install webpack webpack-cli --save-dev npm install -g webpack webpack-cli //全局安装使用webpack.config.js进行配置一个基本的webpack.config.js需要包含entry及output，即需要打包的入口及打包成...
cnpm安装webpack_30分钟入门 webpack4 一（安装篇）
weixin_39957186的博客
11-30 364
一、什么是webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器。(好吧！我也知道这是官方的一个名词解释，但我们暂时只要记住静态模块打包器就行了。)但是静态模块、打包器又是什么鬼？我们知道前端开发过程中的图片、样式表、js、html模板等文件我们都称之为静态资源，这些资源在webpack中称为静态模块。所谓的打包器，意思就是能将这些资源文件合理的、稳妥的进行批量处...
使用--save和--save --dev安装依赖的区别
随风奔跑的桉树
11-13 352
npm i packagename --save 简写--S 装入dependencies套件中 打包计算在内 npm i packagename --save-dev 简写--D 装入devDependencies套件中 打包不计算在内
webpack安装与基本使用
qq_41305315的博客
06-02 129
首先安装nodejs，nodejs自带npm包，这我就不说了，直接去官网下载就好了 打开cmd，输入npm install webpack -g（我这里是全局安装） 安装webpack-cli（如果还需安装其他也可，如vue-cli） npm install -g webpack-cli//全局安装webpack-cli （我就只安装了这两个，我看网上还安装了好多东西，我觉得我暂时用不到就...
3项目脚手架搭建npm， webpack-cli及webpack
chengxin3114的博客
08-07 255
1.所有需要使用NPM 的项目都需要使用npm init进行初始化 webpack.github.io/docs/configuration.html 使用npm install进行安装的话，会在根目录下产生一个node_modules的文件夹， 所有你npm 的包都会放置于此...
webpack学习笔记
虾米博客
02-24 673
Webpack学习笔记https://doc.webpack-china.org/concepts/   webpack的官方文档第一节:安装 webpack1、打开命令行，cd 到 F 盘，输入命令: mkdir webpack-demo (mkdir:创建新文件夹)  然后 cd 到 webpack-demo，输入命令:npm install -g webpack (-g:全局安装)  在全局...
npm 安装时 --save --dev 和 --save 区别
热门推荐
qq_33745501的博客
05-10 4万+
一、模式运行webpack命令时，一定要指定模式。webpack --mode development webpack --mode production二、--save -dev--save：将保存配置信息到pacjage.json。默认为dependencies节点中。--dev：将保存配置信息devDependencies节点中。因此：--save：将保存配置信息到pacjage.json的...
npm install webpack-dev-server
最新发布
05-09
npm install webpack-dev-server --save-dev ``` 安装完成后，可以在package.json文件的devDependencies节点中看到webpack-dev-server的版本号。 要使用webpack-dev-server，需要在webpack配置文件中进行配置。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值